Sivuston suunnittelu

Sivuston suunnittelu prosessina koostuu seuraavista osista
  1. Sivuston idea
  2. Kartoitus (sisältö ja tekstin määrä)
  3. Sivukartta (sitemap)
  4. Rautalankamalli (wireframe)
  5. Layout suunnitelma
  6. Sivuston rakentaminen

Wireframen-teko

Muutamia käteviä wireframe ohjelmia

  • Mockingbird selaimessa toimiva wireframe ohjelma, ei vaadi rekisteröitymistä tai kirjautumista
  • Mockflow Työpöydälle soveltuva wireframe työkalu toimii Macilla ja Windowsilla

Layoutin suunnittelu

Layoutilla tarkoitetaan sitä miltä sivusto näyttää sivuston. Layoutin saa suunniteltua näppärästi Photoshopilla tai muulla kuvankäsittelyohjelmalla, josta löytyy tasot. Tasoja tarvitaan sivuston palasten leikkaukseen irti taustasta.

Layouttia suunnitellessa sivustolle kannattaa suunnitella myös värimaailma. Värimaailmaksi kannattaa valita yrityksen värimaailma jos sellainen löytyy. Muussa tapauksessa kannattaa kääntyä värikirjastoiden ja väriteorian puoleen.

Plugineita

Näillä saat asennetta ja persoonallisuutta sivustoosi.

  • stroll.js Yli hienoja scrollaus efekteitä
  • jQuery Masonry Äärettömyksiin latautuva ja skaalautuva sivuston layoutti

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *

*