Sivuston suunnittelu prosessina koostuu seuraavista osista
- Sivuston idea
- Kartoitus (sisältö ja tekstin määrä)
- Sivukartta (sitemap)
- Rautalankamalli (wireframe)
- Layout suunnitelma
- 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