När du skapar en webbplats , ibland den svåraste delen att bestämma layouten . Adobe Photoshop är ett snabbt och enkelt sätt att skapa en webbplats mockup . Genom att använda lager och en kombination av Photoshops designverktyg , processen att flytta om utseendet och känslan på din webbplats kan du spara timmar . Instruktioner
1
Bestäm storleken på din mock webbplats duk baserat på din publik . Till exempel , för en publik som fortfarande använder en lågupplöst katodstrålerör bildskärm , skulle du vill använda en duk storlek som är 760 pixlar bred . Men för en platt bildskärm med upplösningen inställd på 1024 med 768 , skulle du vill använda en duk som är 975 pixlar bred . Skapa ett nytt dokument och ange storleken på arbetsytan .
2
Bestäm layout av webbplatsen . Använd enkla fyrkanter eller ellipser att markera de olika delarna för din mockup . Till exempel , markera en plats för den övre banderollen , sidan banner , innehåll och sidfot . Skapa varje funktion på ett nytt lager så att du kan enkelt ordna om webbplatsen .
3
Bestäm teckenstorlek och fylla de avsnitt som innehåller text med platshållartext . Göra en snabb webbsökning efter Lorem ipsum , en latinsk tal som används av designers för att se hur texten kommer att se ut på en sida , kommer att generera denna text för dig . Om bakgrunden eller någon annan avdelning kommer att bestå av en färg , fylla dem med rätt färg .
4
Skapa grafiken . Du kan använda Photoshop för att skapa dessa bilder , t.ex. banner eller logotyper , eller dra dem från en annan plats . Placera och positionera grafiken i mock hemsida . Välj " File " och sedan " Place " och navigera till bilden . Anmärkning : . Ha en Photoshop- version av grafiken så att du kan redigera dem senare
5
finjustera och redigera mock hemsida tills hemsidan ser ut som du vill att det ska se ut . Eftersom varje ny funktion är på ett annat lager , kan du snabbt gå runt sektioner , dölja sektioner ( klicka på ögat i lagret pall ) eller byta bilder och färger .
