Adobe Illustrator er grafisk design bransjestandard for vektorbasert illustrasjon . Illustrator er et effektivt program for å lage grafikk for Web . Illustrator kan gjengi alle vanlige bildeformater , noe som åpner for enkel integrasjon av vektor grafikk i web design. Benytte andre Adobe-produkter , som for eksempel Image Ready , for å optimalisere Illustrator-filer på riktig måte for Web -klare grafikk. Du trenger
En kode kompilator eller webdesign program
Vis flere instruksjoner
en
Bruk papir og blyant for å utforme ideer og planlegge Web -knappene . Ta deg tid til å forstå hva knappene må brukes til og om alternative knapper må gjøres for en rollover image . Plukk fonter, farger og teksturer som vil jobbe med nettstedets design.
2
Åpne Adobe Illustrator og opprette et nytt dokument . Sett måleenhet til piksler. Størrelsen vil avhenge av behovene og begrensninger i webdesign. Sett farge modus til RGB farge for å garantere presis fargegjengivelse.
3
Lag teksten for knappene som bruker svarte bokstaver og en hvit bakgrunn . Justere skriftstørrelsen , høyde, vekt og avstand til teksten er estetisk tiltalende og tydelig å lese. Utforme teksten i svart og hvitt gir typografiske klarhet.
4
Legg farge til Web -knappen design. For et eksisterende nettsted , velg riktig fet og slående farger fra områdets eksisterende fargevalg. Hvis knappene ikke er for et eksisterende nettsted , velg et populært fargevalg eller opprette en ny. Subtile varianter av fargen vil skape visuell interesse.
5
Lag en særegen form for knappene slik at nettstedet navigering er enkel og grei. Avrunding en, er to eller fire hjørner av et rektangel en populær metode for å lage web- knapper.
6
Lag alternative farger og designelementer for rollover-knapper . En rollover knappen er to bilder som utveksling når brukeren plasserer sin markør på knappen . Rollovers brukes ofte for å indikasjon en aktiv side eller kobling på en Web design. Enkle velt , for eksempel teksten endrer farge , er effektive.
7
Legg tekstur til knappene . Texture er en populær metode for å legge visuell interesse til et nettsted. Lag en egendefinert tekstur ved hjelp av en skanner eller et digitalt kamera .
8
Legg skygger , kryss klekking , graderinger og andre finpuss til Vevknappar .
9
Gjør et nytt lag for hver nye knappen for å forenkle eksport prosessen . Navn lag for å skille lignende elementer .
10
Eksporter knappene ved å klikke på "File ", " Export" og lagre til nettstedets bildemappen . Lagreknappene som bruker åpenhet som Portable Network Graphics, eller . Png . Lagreknappene med store mengder detaljer som . Jpeg og alle andre som . Gif .
11
Legg knappene til webområdet ditt via opplasting og koding . Test for å sikre at koblingene fungere før du starter nettstedet offentlig .