Alkusivu
Symbolikuva
Gif, jpg, png
Käytettävyys
Ihminen käyttäjänä
Aistit
Kulttuuri
Tekstitypografia
Värit
Kenelle?
Hahmolait
Tasapaino
Antikva ja groteski
Kuvat ja grafiikka
Fontti näytöllä
Teksti kuvana
RGB
HSB -järjestelmä
Väriharmoniat
Sommittelu
Jännitteet
Visuaaliset vihjeet
Lopuksi
Sommittelu

Kohdista katselijan huomio pääasiaan:
Tyypillinen www-sivujen asemointivirhe on ahtaa sivu täyteen samanarvoisia elementtejä tasaisesti näytölle. Silmä joutuu harhailemaan kohteesta toiseen, eikä sivun sekavuudesta hahmotu pääasia.

Analysoi viesti - kiteytä pääasia - kohdista katsojan huomio


Huomion voit kohdistaa haluamaasi asiaan monin eri tavoin: kontrastit, värit, kokoerot, linjat, elementin paikka näytöllä, elementtien etäisyys toisista, tyhjän tilan käyttö. Olipa taittosi levollinen tai hyvin jännitteinen, pääasia tulee näkyä.


Sommittelussa on kysymys elementtien asettelusta näytölle.
Ryhmittely, tasapaino, jännitteet.
Tärkeän asian pitää näyttää tärkeältä (visuaaliset vihjeet) ja sillä pitää olla tilaa olla  tärkeällä paikalla.
Lukusuunta länsimaissa vasemmalta oikealle ja ylhäältä alas.
Ihmisen näkökenttä leveämpi kuin korkeampi.