Ako navrhnúť webové stránky v Illustratoru

Každý , kto potrebuje webové stránky , či už pre obchodné , neziskové prácu alebo len pre osobné použitie . Avšak , nie veľa z nás vie , ako sa kód webovej stránky . Aj keď nie je možné kód stránky , aj keď stále môžete vytvoriť webové stránky pomocou grafického programu ako je napríklad Adobe Illustrator . To umožňuje , aby vaše webové stránky vyzerať presne tak , ako chcete , a potom to môže niekto urobiť kódovacie časť . Veci , ktoré budete potrebovať
Adobe Illustrator
Zobraziť ďalšie inštrukcie Cestuj 1

Nakreslite si rozvrhnutie myšlienky na kus papiera . Skicovanie je najlepší spôsob , ako začať tvorivé tečúcou šťavy a pomôže vám prísť s dobrou koncepciou . Nakreslite asi 10 náčrtky rôznych rozvrhnutie , vyberte vaše obľúbené a čerpať viac variantov na tomto rozložení . Akonáhle ste si rafinované vaše rozloženie nápad , dať si skica papier vedľa počítača pre referenciu pri práci v Illustratoru .
2

Stiahnite si šablónu mriežky pre Adobe Illustrator . Každý dobrý webovej stránky začína s mriežkou , pomôcť organizovať obsahu a tomu , aby sa vizuálne potešujúce . Štandardná šírka je 960 pixelov na webové stránky , pretože je kompatibilný s väčšinou rozlíšeniach obrazovky , takže nájsť ten , ktorý je 960 = pixelov široký . Otvorte šablónu v Illustratoru .
3

Začnite umiestnením boxov , kde sa obsah vašej webovej stránky idú slúžiť ako vodítka . Dajte debny , kde sa vaše navigácia , stĺpce textu a obrázkov pôjde . To sa nazýva wireframing . Navigácia by mala ísť na vrchole alebo na stranách , nikdy na dne . Nezabudnite dať najdôležitejšie obsah najbadateľnejšou mieste . Nehýb sa , kým je drôtový model dokončený .
4

Začnite vyplnením vašej drôtový s grafikou a textom . Môžete importovať grafiku z iných programov , inými súbormi alebo jednoducho vytvoriť v Illustratoru as you go . Adobe Illustrator je obzvlášť vhodný pre vytváranie grafiky na Web 2.0 štýlu , hladký , moderný štýl , ktorý sa často používa 3D vyzerajúce prvky . Majte na pamäti , všeobecných pokynoch webové typografie text : výška linka by mala byť asi 150 percent výšky svojho druhu , veľkosti textu by nikdy nemala byť nižšia ako 10 alebo 12 bodov , a uistite sa , že Váš text farba kontrastuje s pozadím dostatočne pre čítanie .
5

Pozrite sa na váš návrh starostlivo čokoľvek , čo môže byť lepšie . Drobné detaily pridať jemnosť dizajnu , takže pozor na miesta , kde si môžete pridať na malinký detail . Často sa však , dizajn môže byť zlepšená jeho zjednodušenie , ale skôr viac k tomu . Opýtajte sa priateľov na spätnú väzbu , taky . Akonáhle ste presvedčení , že váš návrh je perfektný , ste hotoví . Môžete poslať ho na on - line služby , ktorá sa premení Illustrator súborov do webovej stránky , alebo sa naučiť HTML a CSS a robiť to sami !

• Predchádzajúca strana: Ako nakupovať viac písiem pre Illustrator 
• Ďalšia strana: Ako vytvoriť corkboard textúry v Illustratoru