Schets 1 op uw site met een potlood en papier . Hoewel computers zijn uitgegroeid tot de standaard manier om alle visuele media te maken , de beste manier om het ontwerpproces te starten is om je ideeën te schetsen en handmatig te verfijnen . De schetsen hoeft niets bijzonders te zijn ; krabbels zal volstaan ​​, zolang ze geven je een idee van wat de site lay-out eruit zal zien kopen van 2

Download een Photoshop raster template . . Grid -systemen in web design zijn net zo belangrijk als in print design . De standaard breedte voor websites , voor compatibiliteit tussen schermresoluties en browser opstellingen , is 960 pixels . Dus het vinden van een goede grid-systeem , dat de 960 -pixel breedte -standaard gebruikt en download de Photoshop template . Er zijn tal van uitstekende website middelen raster online beschikbaar .
3

Begin het opzetten van uw lay-out . Lijn uw inhoud aan de kolommen van het raster template . Navigatie gaat meestal langs de boven-of de linkerkant van de pagina . Het logo van de site gaat meestal in de rechterbovenhoek . Twitter en RSS- iconen gaan meestal in de linker bovenhoek . Bezoekers van de site graag dingen waar ze ze verwachten te vinden , dus vasthouden aan standaard plaatsingen voor een succesvol ontwerp . Wanneer u klaar bent met het opzetten van uw website precies zoals u het wilt , opslaan als een PSD (Photoshop ) bestandsformaat .
4

Selecteer het gereedschap " Slice " in het instrument paneel Photoshop . Klik en sleep om de belangrijkste onderdelen van de site te scheiden . Schijfjes creëren secties van een site die vervolgens wordt opgeslagen als aparte afbeeldingen . Dit maakt het makkelijker om de website in HTML en CSS code en maken het kijken van de manier waarop zij heeft gedaan in Photoshop .