Alla behöver en hemsida , oavsett om affärer , ideella arbete eller helt enkelt personligt bruk . Men inte många av oss vet hur man koda en hemsida . Även om du inte kan koda en webbplats , men kan du designa fortfarande en webbsida med hjälp av ett bildbehandlingsprogram som Adobe Illustrator . Detta gör att du kan göra din webbsida ser ut precis som du vill ha det , och sedan någon annan kan göra den kodande delen . Saker du behöver
Adobe Illustrator
Visa fler instruktioner
1
Rita din layout idéer på ett papper . Skissa är det bästa sättet att börja den kreativa safter flödar och hjälper dig komma med goda idéer . Rita ca 10 skisser av olika layouter , välj sedan din favorit och rita fler varianter på denna layout . När du har förfinat din layout idé , sätta din skiss papper bredvid datorn för en referens när du arbetar i Illustrator .
2
Ladda ner ett rutnät mall för Adobe Illustrator . Varje bra webbplats börjar med ett galler , för att hjälpa till att organisera innehåll och göra området visuellt tilltalande . Standarden bredden är 960 pixlar för en hemsida , eftersom det är kompatibelt med de flesta skärmupplösningar , så hitta en som är 960 = pixlar bred . Öppna mallen i Illustrator .
3
börja placera boxar där din webbsida innehåll kommer att gå att fungera som guider . Sätt boxar där din navigering , kommer kolumner med text och bilder går . Detta kallas wireframing . Navigering bör gå på toppen eller på sidorna , aldrig i botten . Kom ihåg att sätta det viktigaste innehållet i de mest uppenbara platsen . Flytta inte på förrän wireframe är klar .
4
börja fylla i din wireframe med grafik och text . Du kan importera bilder från andra program , andra filer eller helt enkelt skapa dem i Illustrator när du går . Adobe Illustrator är särskilt bra för att skapa grafik i Web 2.0 stil , en smidig , modern stil som ofta använder sig av 3D - utseende element . Tänk på allmänna webb - typografi riktlinjer för text : radavståndet bör vara ca 150 procent höjden av din typ , bör textstorleken aldrig vara lägre än 10 eller 12 punkter , och vara säker på att din text färgen kontrasterar mot bakgrunden tillräckligt för läsning .
5
Se över din design noggrant för något som kan förbättras . Små detaljer lägga finess till en design , så håll utkik efter platser där du kan lägga en LITEN detalj . Ofta kan dock en design kan förbättras genom att förenkla den snarare än att lägga till den . Fråga vänner för återkoppling , alltför . När du är övertygad om att din design är perfekt , du är klar . Du kan skicka den till en online- tjänst som förvandlar Illustrator-filer till webbplatser , eller lära sig HTML och CSS och göra det själv !
