Miten luoda verkkosivusto mockup Photoshop

Luouusi asiakirja

Kun luot sivuston, joskus vaikeinta on määritellä ulkoasun.Adobe Photoshop tarjoaa nopean ja helpon tavan luoda verkkosivuston mockup.Käyttämällä kerrokset ja yhdistelmä Photoshop suunnittelutyökalut, prosessi järjestämässä ulkoasua sivustosi voi säästää tuntia.

Ohjeet

  1. Selvitä kokoa pilkata sivuston kankaalle perusteella yleisöön.Esimerkiksi yleisölle, joka käyttää edelleen matalan resoluution katodisädeputki seurata, mitä haluaisi käyttää kangas koon, joka on 760 pikseliä leveä.Kuitenkin taulu-näyttö, jossa resoluutio asetettu 1024 768, mitä haluaisi käyttää kankaalle, joka on 975 pikseliä leveä.Luo uusi asiakirja ja aseta kangas koon.

    Luouusi asiakirja
  2. määrittää asettelun sivuston.Käytä yksinkertaista neliön tai ellipsejä merkitä pois eri osissa oman mockup.Esimerkiksi, merkki pois tilaa alkuun banneri, puoli banneri, sisällön ja alatunnisteen.Luo kukin ominaisuus uusi kerros, jotta voit helposti järjestää verkkosivuilla.

    Merkitseperuskaaviossa
  3. määrittää fontin koon ja täyttää kohdat,

    jotka sisältävät tekstiä paikanvaraajatekstiä.Doing nopea Web etsiä Lorem ipsum, Latinalaisen puhe jota suunnittelijat miten teksti näyttää sivulla, tuottaa tämän tekstin sinulle.Jos tausta tai muita osia koostuu väri, täyttää ne oikea väri.

    Aseta fontin kokoa
  4. Luo grafiikkaa.Voit käyttää Photoshop luoda näitä grafiikkaa, kuten bannerin tai logoja, tai vedä ne toiseen paikkaan.Ja asennossa grafiikka pilkata verkkosivuilla.Valitse "File" ja sitten "Place" ja navigoi kuvan.Huomautus: Pidä Photoshop versio grafiikka, jotta voit muokata niitä myöhemmin.

    Lisää grafiikka
  5. hienosäätö ja muokata pilkata verkkosivuilla kunnes sivusto näyttää, miten haluat sen katsoa.Koska jokainen uusi ominaisuus on eri kerrokseen, voit nopeasti liikkua kohdat, piilottaa osiot (klikkaa silmä kerros lava) tai vaihda kuvia ja värejä.

410
0
5
Photoshop