Siirry sisältöön

Layout ja sommittelu

Tähän ohjeeseen on koottu käyttöliittymien sommittelua viitoittavia periaatteita ja esimerkkejä verkkopalvelujen layoutin suunnitteluun. Ohje sisältää myös toteutusvinkkejä erilaisten käyttöliittymäelementtien jäsentelyyn, välistyksiin ja palstoitukseen.

Yleistä

Kun sommittelu perustuu johdonmukaisiin käytäntöihin, lopputulos on usein sekä kaunis että käytettävä. Ryhdikkäästi jäsennelty ulkoasu tukee myös sisällön ymmärrettävyyttä. Usein sommittelu ratkaisee, tulkitaanko sisällön osat keskenään yhteenkuuluviksi vai toisistaan erillisiksi kohteiksi.

Elementtien koon, sijainnin ja järjestyksen lisäksi myös elementtien välistyksillä on merkitystä. Sommittelussa tyhjä tila on tärkeä visuaalinen tehokeino, jolla voidaan ohjata käyttäjää havaitsemaan eri osien välisiä suhteita ja korostaa tiettyjen sisällön osien visuaalista painoarvoa.

Useimmat tässä ohjeessa kuvatut periaatteet, esimerkiksi Gestalt-hahmolait, pätevät käyttöliittymien lisäksi myös muihin verkossa julkaistaviin visuaalisiin sisältöihin ja tietoa välittävään grafiikkaan.