Adobe Illustrator er det grafiske design branchestandard for vektor-baseret illustration. Illustrator er et effektivt program til at lave grafik til nettet. Illustrator kan gengive alle gængse billedformater , der giver mulighed for enkel integration af vektor grafik i web- design. Udnyt andre Adobe-produkter , såsom billede Ready, for at optimere Illustrator-filer ordentligt for web -ready grafik. Ting du skal
En kode compiler eller web -design program
Vis Flere Instruktioner
1
Brug papir og blyant til at designe idéer og planlægge web knapper. Tag dig tid til at forstå, hvad knapperne skal bruges til, og hvis alternative knapper skal være mulighed for en rollover image. Pick skrifttyper, farver og teksturer , der vil arbejde med webstedet design.
2
Åbn Adobe Illustrator og oprette et nyt dokument. Indstil måleenhed til pixels. Størrelsen vil afhænge af de behov og begrænsninger af hjemmesiden design. Indstil farven til RGB farve til at garantere farvenøjagtighed .
3
Opret tekst til knapper ved hjælp sorte bogstaver og en hvid baggrund . Justere skriftstørrelsen , højde, vægt og afstand , indtil teksten æstetisk er glædeligt og klar til at læse. Design af teksten i sort og hvid giver mulighed for typografiske klarhed.
4
Tilføj farve til web- knappen design . For et eksisterende websted , skal du vælge passende dristige og iøjnefaldende farver fra webstedet eksisterende farveskema. Hvis knapperne ikke er for en eksisterende site , skal du vælge en populær farveskema eller oprette en ny. Subtile variationer af farve vil skabe visuelle interesse .
5.
Opret en karakteristisk form for knapperne , så website navigation er enkel og ligetil . Afrunding en, to eller fire hjørner af et rektangel er en populær metode til at skabe web -knapper.
6
Opret alternative farver og design elementer til rollover-knapper . En rollover knap er to billeder, som udveksling , når brugeren placerer sin markøren på knappen. Rollovers bruges ofte til indikation et aktivt side eller et link på en web -design. Enkle rollovers , såsom tekst skifter farve , er effektive.
7
Tilføj tekstur til knapperne. Texture er en populær metode til at tilføje visuelle interesse for et websted. Lav en brugerdefineret tekstur ved hjælp af en scanner eller digitalkamera.
8
Tilføj skyggeeffekter , cross rugeæg , forløb og andre sidste hånd på web -knapper.
9
Make et nyt lag for hver ny knap for at forenkle den eksporterende proces. Navn lag at skelne lignende elementer .
10
Eksporter knapperne ved at klikke på "File ", " Export" og gemme til webstedets mappen Billeder . Gem -knapper , der bruger åbenhed som bærbare netværk grafik eller . Png . Spar knapper med høje mængder af detaljer som . Jpeg , og alle andre som . Gif .
11
Tilsæt knapper til din hjemmeside via uploade og kodning. Test for at sikre, at links arbejde, før lanceringen af webstedet offentligt.