Värit, Sommittelu ja Typografia verkossa

Verkkosivujen ulkoasu koostuu värien käytöstä, typografiasta ja eri elementtien asettelusta harmonisesti. Näiden seikkojen huomioiminen on tärkeää myös käytettävyyden kannalta.

 

Web-sivut toimivat verkossa, eli niitä selataan joko pöytäkoneella, tabletilla tai puhelimella. Onkin siis tärkeää, että sivusto toimii kaikilla laitteilla ja ruuduilla, ja tämä taas asettaa omat haasteensa sivujen layoutia koskien.

Värit

Väri on valoa ja sillä on kolme ulottuvuutta: sävy, valööri, kylläisyys. Väreillä voidaan muodostaa kontrasteja, kuten lämmin-kylmä, lähivärit, vastavärit, harmonia ja disharmonia.

Eri värit herättävät erilaisia vaikutelmia hieman ihmisestä ja kulttuurista riippuen. Värillä voidaan vaikuttaa mm. mielentilaan, tilavaikutelmaan ja lämpötilan kokemiseen. Yhtenäinen värimaailma auttaa hahmottamaan sivuston eri osia paremmin ja luo brändimielikuvaa.

Sommittelu

Perinteiset sommitelman elementit ovat piste, viiva, pinta, muoto, volyymi, geometria, liike, suunta, rytmi, valo ja varjo. Ja sommittelun keinoja ovat rytmi, dynamiikka, tasapaino, jännite, teema ja muunnelma, liike. Www-sivuilla olevia sommitelmallisia elementtejä ovat kuvat, tekstit, grafiikat ja myös tyhjä tila.

Eri elementein on mahdollista vaikuttaa siihen, miten sivuilla vierailijan katse ohjautuu. Tyhjä tila elementtien välissä on tärkeää, jotta sivuston kokonaisuus hahmottuu helpommin.

 

Typografia

Typografian tarkoitus on viedä kirjoitettu viesti perille siten, että lukija ymmärtää sekä viestin että sen tyylin. Typografia toisin sanoen on tekstin taittamista valitsemalla kirjaintyypit, ja muut typografiset seikat siten, että oikea viesti välittyy.

Verkossa kannattaa käyttää mieluummin päätteettömiä eli groteskeja kuin päätteellisiä eli antiikva-kirjasimia. Yleensä 2-3 eri fonttia riittää yhdellä sivulla / yhdessä artikkelissa. Kannattaa varmistaa että valituille fonteille on vaihtoehtoja, mikäli käyttäjän selain ei tue niitä. Oletuskirjainkoko useimmissa selaimissa on 16 pikseliä. Kirjainkoko kannattaakin asettaa verkossa mieluummin suhteelliesti, prosentteina, kuin kiinteillä arvoilla.

Kirjaimen koko vaikuttaa suoraan välistyksiin. Mitä suurempi kirjain, sitä suurempi riviäväli tarvitaan, ja sitä suurempi palstaväli jne.

Suositeltava rivinpituus suomen kielessä on maksimissaan 55-60 merkkiä ja näytöllä (verkossa) maksimissaan noin 40 merkkiä.

Verkkosivuilla ei kannata tasata tekstiä kuin vasemmalle, jotta lukeminen ei vaikeudu. Tekstin kontrastin tulisi olla riittävä, muttei liiallinen (eli ei aivan mustaa tekstiä aivan vitivalkoiselle taustalle).