Miten luodaan Best Website Layout? Laurent He

Jokainen sivusto on oma ulkoasuja ja muotoilu. Ei ole epäilystäkään siitä, että sivusto versiot ovat alkuun tärkeää sivustoille. Ammatillinen verkkosivuilla layout auttaa sinua houkutella kävijöitä heidän ensimmäinen nähtävyyksiä ja tehdä niistä pysyä sivustosi.

Tässä näytän sinulle miten luoda paras verkkosivuilla ulkoasu.



Vaihe 1: Tee Luonnos sivuston ulkoasu ideoita

Tietenkin se on hyvin tärkeä askel, mutta sikäli kuin tiedän, että jotkut web-suunnittelijat ohittaa tämän vaiheen ja tehdä web design Photoshop suoraan pikemminkin kuin tehdä luonnos Selvyyden nettisivun layout ajatuksia heidän päänsä. Tarkoituksena sivuston suunnittelu on ratkaista ongelmia ja jotkut niistä ei voida ratkaista kaltevuus tai varjot. Ennen olet aikeissa tehdä varjo vaikutuksia, sinun pitäisi ajatella sisällöstä, ulkoasuja ja toiminnot ensin.


Vaihe 2: Aloita luonnos huipputason puitteet

Jos haluan tehdä käyttöliittymä hankkeen ensimmäinen asia pitäisi rakentaa huipputason kehys, joka voi ratkaista tarkka kaikki suunnittelun ongelmia. Puitteet tarkoitetaan UI joka ympäröi sisältö ja hyödyllistä käyttää ja selata. Se sisältää navigointi ja muut tekijät, kuten sivupalkin ja alapalkissa.

Jos aloitat luonnos huipputason puitteet, voit saada selkeä kuva siitä, mitä sivuston ulkoasu tarpeisiin.


Vaihe 3: Lisää ruudukon PSD-tiedoston

Tämä on melko yksinkertainen askel. Ennen olet suunnitella sisältöä tai jotain muuta Photoshop sivuston, sinun täytyy luoda oikea verkkoon. Miksi? Kuten kaikki tietävät, ruudukko auttaa järjestämään nettisivun layout eri osissa, opastaa sinua suunnittelemaan sisällön mukaan oto erityinen näytön koon ja johtaa sinut rakentaa olevan mallin vastaamaan väli tai muita suunnittelun ongelmia.



Vaihe 4: Valitse fontteja

Se on työtä hankkeen kehitysvaihe tutustua itseänne eri fontteja ja värejä. Mukaan meidän järkeä, suosittelen sinua olemaan käyttämättä enemmän kuin kaksi sellaista fonttityylit, mutta päätös pitäisi riippua myös värimaailma olet valinnut.

Joka tapauksessa, fontti valitset pitäisi tehdä kävijää helppolukuinen ja täydentää otsikko ja toimia.

Älä pelkää käyttää suuria fontti ja pitää yleensä johdonmukaisia, kun käytät sitä.


Vaihe 5 : Valitse teema väri

Kun valitse fontteja, sinun pitäisi valita värit UI, taustan ja tekstin. Mitä värejä, suosittelen sinua valita joitakin rajoitettuja värit tiivis ja kirkkaat äänet yleisen käyttöliittymän. Se on melko tärkeää varten käyttöliittymän olla yhdenmukainen muiden elementtien sivuston ulkoasu. Ajatelkaa verkkosivuilla ulkoasu Facebook, Twitter, Quora ja Vimeo. Paitsi UI, muita osia ei tarvitse rajoittaa värin valinta, jos kuvat tai grafiikka tiedot eivät vaivaudu komponenttien toimintoja.


Vaihe 6: luoda verkkosivuston asettelu

Jokainen osa sivuston olisi tässä. Kuten vierailijoille, kukin osa olisi sen syy ja tulos se voi saada. Nettisivun layout on auttaa meitä laittaa tärkeimmät tiedot kohokohta paikka sivustosi. Oikeastaan, sivusto ei tarvitse liikaa painikkeita huutaa, joten jokainen sisältöä olet tehnyt olisi noin tarkoitus "mitä voin tehdä täällä". Ajattele sitä, voit luoda kaikkein yksinkertainen nettisivun layout yksinkertainen tarkoitukseen ja lisää merkityksellisiä osia.


Vaihe 7: Rethink mitä olet tehnyt

Sinun pitäisi miettiä uudelleen noin toiminnot ja sisältö olet tehnyt verkkosivuilla. Onko minun todella tarvitsevat tätä painiketta? Onko minun todella, että tämä värimaailma on täydellinen minun koko sivuston? Onko minun todella halua tätä navigointi menee noin? Joskus vastaus on ei. Rethink mitä olet tehnyt voit auttaa meitä paljon parantaa sivuston ulkoasu.


Vaihe 8: Kiinnitä huomiota yksityiskohtiin

Se on vain toinen arkipäiväinen mutta se ei ole aina näkyvissä lopullisessa hankkeisiin. Yksityiskohta voi olla keskittyä joihinkin vuorovaikutukseen, odottamattomia animaation tai joitakin esteettisiä tunteita kuten kaltevuus vaikutus pienet painikkeet. Yleensä nämä tiedot ovat tärkeitä, jos asiakkaat voivat nauttia mitä olet tehnyt.

Valinnainen: Katso alkuperäinen artikkeli oppia lisää