Hvordan Design en nettside i Illustrator

Alle trenger et nettsted, enten for forretninger, nonprofit arbeid eller bare personlig bruk. Men ikke mange av oss vet hvordan å kode en nettside. Selv om du ikke kan kode et nettsted, men du kan fortsatt lage en nettside ved hjelp av en grafikk program som Adobe Illustrator. Dette gjør at du kan lage din nettside se ut akkurat slik du vil ha det, og deretter noen andre kan gjøre koding del.

Bruksanvisning

1 Tegn din layout ideer på et stykke papir. Sketching er den beste måten å starte kreativiteten flyter og hjelper deg å komme opp med gode konsepter. Tegn ca 10 skisser av forskjellige oppsett, velg din favoritt og trekke flere varianter på dette oppsettet. Når du har raffinert layout ideen, sette din skisse papir ved siden av datamaskinen for en referanse mens du arbeider i Illustrator.

2 Last ned en grid mal for Adobe Illustrator. Hver god nettside starter med et rutenett, for å hjelpe organisere innholdet og gjøre området visuelt tiltalende. Standard bredde er 960 piksler for et nettsted, fordi den er kompatibel med de fleste skjermoppløsninger, så finn en som er 960 = piksler bred. Åpne malen i Illustrator.

3 Begynn å plassere boksene der nettsidens innhold vil gå til å tjene som guider. Sett boksene der navigasjon, vil kolonner med tekst og bilder gå. Dette kalles Wireframing. Navigasjon bør gå på toppen eller på sidene, aldri i bunnen. Husk å sette det viktigste innholdet i den mest åpenbare stedet. Ikke gå videre før wireframe er ferdig.

4 Begynne å fylle i din trådramme med grafikk og tekst. Du kan importere grafikk fra andre programmer, andre filer eller bare lage dem i Illustrator som du går. Adobe Illustrator er spesielt bra for å lage grafikk i Web 2.0-stil, en glatt, moderne stil som ofte bruker 3D-jakt elementer. Husk generell web-typografi retningslinjer for tekst: linjehøyden være 150 prosent høyden din type, bør tekststørrelsen aldri være under 10 eller 12 poeng, og være sikker på at tekstfarge i kontrast til bakgrunnen tilstrekkelig for lesing .

5 Se over din design nøye for noe som kan forbedres. Små detaljer legger finesse til et design, så se opp for steder der du kan legge en teeny detalj. Ofte er imidlertid en utforming kan forbedres ved å forenkle det i stedet for å utvide den. Spør venner om tilbakemelding, også. Når du er overbevist om at design er perfekt, er du ferdig. Du kan sende den til en elektronisk tjeneste som gjør Illustrator-filer til nettsteder, eller lære HTML og CSS og gjøre det selv!

Hint

• Gå til hjemmesiden gallerier og lese webdesign blogger for å få inspirasjon for design!
• Det er en vanlig feil å fylle så mye av websiden område som du kan med tekst og grafikk. Ikke vær redd for å forlate tomme områder og store marginer, kalt hvite området, i design. Det gir et design en høyere kvalitetsfølelse og gjør det enklere å bla gjennom.