Alle har brug for en hjemmeside , uanset om forretning , nonprofit arbejde eller simpelthen personlig brug. Men ikke mange af os ved, hvordan man kode en hjemmeside. Selv hvis du ikke kan kode en hjemmeside , men kan du stadig designe en webside ved hjælp af et grafisk program som Adobe Illustrator. Dette giver dig mulighed for at gøre din webside ser bare den måde du ønsker det , og derefter en anden kan gøre det kodende del . Ting du skal
Adobe Illustrator
Vis Flere Instruktioner
1
Tegn dit layout ideer på et stykke papir. Skitsering er den bedste måde at starte den kreative safter flyder og hjælper dig med at komme med gode koncepter. Tegn omkring 10 skitser af forskellige layouts , så vælg din favorit og trække flere varianter på dette layout . Når du har raffineret dit layout idé , sætte din skitse papir ved siden af din computer for en reference , mens du arbejder i Illustrator.
2
Hent et gitter skabelon til Adobe Illustrator. Enhver god hjemmeside starter med et gitter , at hjælpe med at organisere indhold og gøre området visuelt tiltalende . Standarden bredden er 960 pixels for en hjemmeside , fordi det er foreneligt med de fleste skærmopløsninger , så find en, der er 960 = pixels bred . Åbn skabelonen i Illustrator.
3
Begynd at placere kasser hvor din webside indhold vil gå til at fungere som guider. Sæt kasser hvor din navigation, kolonner af tekst og billeder gå. Dette kaldes wireframing . Navigation skal gå på toppen eller på siderne , aldrig i bunden. Husk at sætte det vigtigste indhold i den mest oplagte sted . Må ikke gå videre , før wireframe er færdig.
4
Start udfylder din wireframe med grafik og tekst. Du kan importere grafik fra andre programmer , andre filer eller blot oprette dem i Illustrator , som du går . Adobe Illustrator er især god til at skabe grafik i Web 2.0 stil, en glat, moderne stil, der ofte bruger 3D - udseende elementer. Husk på almindelige web - typografi retningslinjer for tekst: linjen højden bør være omkring 150 procent af højden af din type, bør tekststørrelse aldrig være under 10 eller 12 point , og sørg for , at din tekst farve i kontrast til baggrunden tilstrækkeligt for læsning .
5.
Kig over dit design omhyggeligt for noget, der kan forbedres. Små detaljer tilføjer finesse til et design , så se efter steder, hvor du kan tilføje en teeny detalje. Men ofte kan et design forbedres ved at forenkle det snarere end at tilføje til det. Spørg venner for feedback, også. Når du er overbevist om , at dit design er perfekt, er du færdig. Du kan sende den til en online-tjeneste , der forvandler Illustrator-filer til hjemmesider, eller lære HTML og CSS og gøre det selv !