Perusasiat kuntoon: värit ja fontit nettisivuilla.

Kun suunnittelet nettisivun värejä ja fontteja, on tärkeää varata riittävästi aikaa niiden valitsemiseen, koska ne vaikuttavat sivuston ulkonäköön, käyttökokemukseen ja viestintään. Värit ja fontit voivat herättää erilaisia tuntemuksia, assosiaatioita ja mielikuvia sivuston vierailijoissa ja ne voivat joko tukea tai heikentää sivuston brändiä ja tavoitetta. Muista harkita seuraavia tekijöitä, kun valitset värejä ja fontteja:

• Värien psykologialla tarkoitetaan sitä, että eri värit voivat välittää erilaisia merkityksiä ja vaikuttaa mielialaan ja käyttäytymiseen. Esimerkiksi punainen väri voi symbolisoida energiaa, voimaa ja jännitystä, kun vihreä väri puolestaan liittyy kestävyyteen, luontoon ja terveyteen. Värien avulla voi myös korostaa ja erottaa sivuston elementtejä toisistaan.
  
  
• Fonttien tyyli voi myös vaikuttaa sivuston tunnelmaan ja kävijöiden vaikutelmiin. Eri fontit välittävät erilaisia viestejä: serif-fontit, joissa on pieniä koristeita kirjainten päissä, voivat viestiä perinteisyyttä, vakavuutta ja luotettavuutta, kun taas sans-serif-fontit ilman koristeita voivat viestiä moderniutta, selkeyttä ja yksinkertaisuutta. Fontit tulisi myös olla helposti luettavia ja sopiva sivuston sisältöön.
  
  
• Fontteihin voi tutustua esimerkiksi tämän työkalun avulla. Helpointa on nähdä vaihtoehdot itse ja lähteä sitä kautta kaventamaan valintojen maailmaa omille sivuille sopivaksi.
  
  
• Värien ja fonttien yhteensopivuus on tärkeää sivuston tavoitteen ja brändin tukemiseksi. On tärkeää löytää balanssi väreiden ja fonttien määrässä eikä valita liikaa tai liian vähän. Tähän kannattaa käyttää aikaa riittävästi, koska koko sivuston perusilme on helppo johtaa jompaan kumpaan näistä peruspilareista.

Mitkä fontit sopivat mihinkin tilanteeseen?

• Serif-fontit: nämä ovat perinteisiä ja vakavia fontteja, joissa on pieniä koristeita kirjainten päissä. Esimerkiksi Playfair Display, Merriweather ja Crimson Text.
  
  
• Sans-serif-fontit: nämä ovat moderneja ja selkeitä fontteja, joissa ei ole koristeita. Esimerkiksi Roboto, Lato ja Montserrat.
  
  
• Slab-serif-fontit: nämä ovat jämäköitä ja voimakkaita fontteja, joissa on paksut koristeet kirjainten päissä. Esimerkiksi Rock Salt, Arvo ja Bitter.
  
  
• Käsinkirjoitetut ja kaunokirjoitetut fontit: nämä ovat persoonallisia ja luovia fontteja, jotka näyttävät kuin olisi kirjoitettu kynällä tai siveltimellä. Esimerkiksi Reenie Beanie, Over the Rainbow ja Daniel.
  
  

Mistä väreistä lähteä liikkeelle?

Yksinkertainen tapa lähteä miettimään värimaailmaa on se, että valitsee yhden tai kaksi korosteväriä sivulle. Nämä värit kiinnittävät huomiota ja tulevat esiin esimerkiksi napeissa, linkeissä, ja muisssa yksityiskohdissa joihin halutaan kiinnittää huomiota. Sen jälkeen sivun ”perusvärit” valitaan neutraalimmalla väripaletilla, usein riittää kun valitsee värejä mustasta valkoiseen tasaisin välein. Muita vaihtoehtoja ovat esimerkiksi ruskean sävyt tai joku muut ei nin huomiota herättävä väri. Esimerkkejä värien tyyleistä alla:

• Eleet värit: nämä ovat kirkkaita ja eloisia värejä, jotka herättävät huomiota ja iloa. Esimerkiksi keltainen, pinkki, turkoosi ja lime.
  
  
• Vintage värit: nämä ovat pehmeitä ja lämpimiä värejä, jotka luovat nostalgisen ja kodikkaan tunnelman. Esimerkiksi ruskea, beige, vaaleansininen ja vihreä.
  
  
• Harmaat värit: nämä ovat neutraaleja ja hillittyjä värejä, jotka luovat vakavan ja ammattimaisen vaikutelman. Esimerkiksi musta, valkoinen, harmaa ja hopea.
  
  
• Sileät värit: nämä ovat tasaisia ja yksinkertaisia värejä, jotka luovat selkeän ja modernin ilmeen. Esimerkiksi sininen, punainen, vihreä ja oranssi.