MPV-sivusto Sivukartta
WWW-aiheista aineistoa

images/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

images/visu-suunta.gif

Esitys-pinnan koko

·   Suppea / suuri / täysikokoinen

images/visu-koko.gif

Layout

·   Valikoilla usein merkittävä rooli

images/visu-laoyout.gif

Typografia

images/visu-typografia.gif

Värimaailma

·   Väripaletti

·   Väritunnelma

·   Tausta, teksti, laatikot, kuvitus

images/visu-varit.gif

Muodot

·   Kaaret, laatikot, painonapit

images/visu-muodot.gif

Visuaalinen aktiivisuus

·   Onover-efektit, animaatiot

images/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ä

images/visu-kuvitusmaara.gif

Kuvituksen tyyli

images/visu-kuvitustyyli.gif

Taiton tiheys

·   Layoutin tiheys

·   Ilmavuus

·   Tyhjän tilan käyttö

·   Informaatiotiheys

images/visu-tiheys.gif

Metafora / malli

·   Tekstidokumentti

·   Ilmoitustaulu

·   Lehden ilmoitusosasto

·   Lehden kansi

·   Esite

·   Luettelo

·   Peli

·   Laite

·   Tila / huone / työpöytä

images/visu-metafora.gif

Asioiden asemointi

·   Lista

·   Linkitettynä leipäteksiin

·   Mindmap

·   Sulautus vuorovaikutteisiin objekteihin