Asettelu, sommittelu ja visuaalinen hierarkia
Opi, miten tyhjä tila, ruudukot, tasaus ja kontrasti ohjaavat katsetta ja tekevät sivuistasi helpommin luettavia ja toimintaan johdattavia.
Visuaalinen hierarkia järjestää elementit niin, että katsoja näkee tärkeimmän tiedon ensin. Tässä luvussa käydään läpi visuaalinen hierarkia ja se,…
Lue lisääNegatiivinen tila on suunnitteluelementtien ympärillä ja välissä oleva tyhjä alue. Tässä luvussa käydään läpi, mitä on negatiivinen tila, ja se, miten…
Lue lisääValkoinen tila on tarkoituksellista tyhjää tilaa, jota käytetään selkeyden ja fokuksen vuoksi. Se ei ole hukkaan heitettyä tilaa. Tässä luvussa…
Lue lisääValkoinen tila suunnittelussa erottaa osiot toisistaan, korostaa painikkeita ja parantaa ymmärrettävyyttä. Tässä luvussa käydään läpi valkoinen tila…
Lue lisääGestalt-periaatteet kuvaavat, miten ihmiset hahmottavat ryhmiä, kuvioita ja kokonaisia asetteluja. Tässä luvussa käydään läpi gestalt-periaatteet ja…
Lue lisääAsettelun suunnittelu järjestää sisältölohkot, navigoinnin ja median sivulle tai näytölle. Tässä luvussa käydään läpi asettelun suunnittelu ja se,…
Lue lisääVerkkosivun asettelutyyppeihin kuuluvat yksipalstainen, jaettu, ruudukko- ja lehtityyliset mallit. Tässä luvussa käydään läpi verkkosivun asettelu ja…
Lue lisääVisuaalinen tasapaino suunnittelussa jakaa visuaalisen painon niin, että sivu tuntuu vakaalta. Tässä luvussa käydään läpi visuaalinen tasapaino…
Lue lisääTasaus suunnittelussa kohdistaa reunat ja peruslinjat niin, että asettelut tuntuvat harkituilta. Tässä luvussa käydään läpi tasaus suunnittelussa ja…
Lue lisääKontrasti suunnittelussa käyttää koko-, väri- ja painoeroja tärkeiden elementtien korostamiseen. Tässä luvussa käydään läpi kontrasti suunnittelussa…
Lue lisääPositiivinen ja negatiivinen tila yhdessä määrittelevät muotoja ja ohjaavat huomiota sommitelmissa. Tässä luvussa käydään läpi positiivinen ja…
Lue lisääToisto suunnittelussa toistaa värejä, muotoja ja välejä, jotta sivut näyttävät yhtenäisiltä. Tässä luvussa käydään läpi toisto suunnittelussa ja se,…
Lue lisääOta se heti käyttöön
omalla verkkosivullasi.
Aloita ilmaiseksi WEMASYlla ja rakenna sivusi muutamassa minuutissa.