MPV-sivusto Sivukartta
WWW-aiheista aineistoa

mpv-logo.gif Matti Vuori

 

WWW-sivujen visuaalista suunnittelua karakterisoivia tekijöitä

 

Lyhyt luettelo design-keskustelun jäsentämiseksi ja luovien ratkaisujen suunnittelun tueksi.

 

Muotoformaatti

  • Pysty / vaakamuoto

 

visu-suunta.gif

 

 

Esitys-pinnan koko

  • Suppea / suuri / täysikokoinen

visu-koko.gif

 

 

Layout

  • Valikoilla usein merkittävä rooli

visu-laoyout.gif

 

 

Typografia

visu-typografia.gif

 

Värimaailma

  • Väripaletti
  • Väritunnelma
  • Tausta, teksti, laatikot, kuvitus

visu-varit.gif

 

Muodot

  • Kaaret, laatikot, painonapit

visu-muodot.gif

 

 

Visuaalinen aktiivisuus

  • Onover-efektit, animaatiot

visu-aktiivisuus.gif

 

 

Kuvituksen määrä

  • Grafiikan ja tekstin tasapaino - Grafiikalla suurempi painoarvo <> tekstillä suurempi visuaalinen painoarvo
  • Visuaalisten elementtien määrä
  • Elementtien toteutus ”grafiikalla” tai tekstillä

 

visu-kuvitusmaara.gif

 

 

Kuvituksen tyyli

 

visu-kuvitustyyli.gif

 

 

Taiton tiheys

  • Layoutin tiheys
  • Ilmavuus
  • Tyhjän tilan käyttö
  • Informaatiotiheys

visu-tiheys.gif

 

 

Metafora / malli

  • Tekstidokumentti
  • Ilmoitustaulu
  • Lehden ilmoitusosasto
  • Lehden kansi
  • Esite
  • Luettelo
  • Peli
  • Laite
  • Tila / huone / työpöytä

visu-metafora.gif

 

 

Asioiden asemointi

  • Lista
  • Linkitettynä leipäteksiin
  • Mindmap
  • Sulautus vuorovaikutteisiin objekteihin