Alle trenger et nettsted, enten det gjelder forretninger , nonprofit arbeid eller bare personlig bruk . Men ikke mange av oss vet hvordan å kode en nettside. Selv om du ikke kan kode et område, men du kan fortsatt designe en nettside ved hjelp av et grafisk program som Adobe Illustrator . Dette gjør at du kan lage din web side ser akkurat slik du vil ha det , og deretter noen andre kan gjøre kodingen delen . Du trenger
Adobe Illustrator
Vis flere instruksjoner
en
Tegn din layout ideer på et stykke papir . Skissere er den beste måten å starte den kreative saftene renner og hjelper deg å komme opp med gode konsepter . Trekke ca 10 skisser av forskjellige oppsett , og velg din favoritt og trekke flere varianter på dette oppsettet. Når du har raffinert layout idé, sette skisse papir ved siden av datamaskinen for en referanse mens du arbeider i Illustrator .
2
ned et rutenett mal for Adobe Illustrator . Hver god nettside starter med et rutenett , for å bidra til å 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 nettsiden din innhold vil gå til å tjene som guider. Sett boksene der du navigasjonen, blir kolonner med tekst og bilder går . Dette kalles wireframing . Navigasjon bør gå på toppen eller på sidene , aldri på bunnen . Husk å sette det viktigste innholdet i den mest åpenbare stedet. Ikke gå videre før wireframe er ferdig.
4
begynne å fylle i wireframe din med grafikk og tekst. Du kan importere grafikk fra andre programmer , andre filer eller rett og slett 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 - utseende elementer. Husk generelle web - typografi retningslinjer for tekst: linjen høyde bør være ca 150 prosent høyden av typen din , bør tekststørrelsen aldri være under 10 eller 12 poeng , og være sikker på at din tekst farge i kontrast med bakgrunnen tilstrekkelig for lesing .
5
Se over 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 kan imidlertid et design kan forbedres ved å forenkle det heller enn å utvide den. Spør venner om tilbakemelding , også. Når du er overbevist om at design er perfekt , du er ferdig . Du kan sende den til en online tjeneste som gjør Illustrator -filer til nettsteder, eller lære HTML og CSS og gjøre det selv !