Når du oppretter et nettsted, er noen ganger den vanskeligste delen å bestemme layout. Adobe Photoshop gir en rask og enkel måte å lage et nettsted mockup . Ved å bruke lag og en kombinasjon av Photoshops design verktøy , prosessen med å omorganisere utseendet ditt nettsted kan spare deg timer . Instruksjoner
en
Bestem størrelsen på mock nettstedet lerretet basert på publikum. For eksempel , for et publikum som fortsatt bruker en lav oppløsning katodestrålerør -skjerm , vil du ønsker å bruke et lerret størrelse som er 760 piksler bred . Men for en flat - skjerm med oppløsning satt til 1024 x 768, vil du ønsker å bruke et lerret som er 975 piksler bred . Opprett et nytt dokument og sette lerretet størrelse.
2
Bestem layout på nettsiden . Bruk enkle firkanter eller ellipser til å merke av de forskjellige seksjoner for mockup din . For eksempel merke av en plass for toppbanner , siden banner, innhold og bunntekst. Lag hver funksjon på et nytt lag slik at du enkelt kan omorganisere nettstedet.
3
Bestem skriftstørrelse og fylle de delene som inneholder tekst med eksempeltekst . Gjør en rask Internett- søk etter Lorem Ipsum , en latinsk tale brukes av designere til å se hvordan teksten vil se ut på en side , vil generere denne teksten for deg. Hvis bakgrunnen eller andre deler vil bestå av en farge , fyll dem med riktig farge .
4
Lag grafikken . Du kan bruke Photoshop til å lage disse grafikk , for eksempel banner eller logoer , eller trekke dem fra et annet sted . Plass og posisjon grafikken i mock nettside. Velg " File" og deretter " Place " og naviger til bildet . Merk: . Hold en Photoshop -versjon av grafikken slik at du kan redigere dem senere
5
Fine- tune og redigere mock nettsiden til nettstedet ser ut slik du vil den skal se ut. Fordi hver ny funksjon er på et annet lag , kan du raskt flytte rundt på deler , skjule områder (klikk på øyet i laget pall) eller erstatte bilder og farger .