Yksi parhaista tavoista muuttaa verkkosivun suunnittelun tunnelmaa on muuttaa värimaailmaa. Jos aiot käyttää värejä mielialan vaikuttamiseen, se auttaa ymmärtämään väriperheitä ja mitä ne edustavat. Väriperheet ovat väripyörän alajaotteluja kolmeen värityyppiin:
- Lämpimät värit
- viileitä värejä
- Neutraalit värit
Vaikka on mahdollista saada malli, jossa käytetään kaikkien kolmen perheen värejä, useimmissa malleissa on yleinen lämmön, viileyden tai neutraalisuuden tunne.
Anna energiaa lämpimillä väreillä
Lämpimiä värejä ovat punaisen, oranssin ja keltaisen sävyt sekä näiden värien muunnelmat. Niitä kutsutaan lämpimiksi väreiksi, koska ne herättävät auringonvalon ja tulen tunteen – asioita, jotka ovat lämpimiä. Lämpimiä värejä käyttävät mallit ovat yleensä energisiä ja kohottavia. Ne merkitsevät intohimoa ja positiivisia tunteita useimmissa ihmisissä. Lämpimät värit ovat yleensä luovuuden, juhlan, intohimon, toivon ja menestyksen värejä. Lämpimiä värejä luodaan vain kahdella värillä: punaisella ja keltaisella. Nämä päävärit yhdistyvät oranssiksi. Kun sekoitat värejä, älä käytä kylmiä värejä lämpimässä paletissa.
Rentoudu viileillä väreillä
Viileitä värejä ovat vihreän, sinisen ja violetin sävyt sekä variaatiot näistä väreistä. Niitä kutsutaan viileiksi väreiksi, koska ne herättävät veden, puiden ja yön tunteen. Ne tuovat esiin rentoutumisen, rauhallisuuden ja varauksen tunteen. Viileänväriset mallit koetaan usein ammattimaisiksi, vakaiksi ja asiallisiksi. Toisin kuin lämpimissä väreissä, kylmissä väreissä on vain yksi pääväri, sininen. Joten saadaksesi muita värejä palettiin, sekoita punaista tai keltaista sinistä saadaksesi vihreän ja violetin. Tämä tekee vihreästä ja violetista lämpimämpää kuin sinisen, joka on puhtaan viileä väri.
Neutraalit värit
Neutraalit värit koostuvat ruskeasta, joka on yhdistelmä kaikkia kolmea pääväriä, ja kahdesta jäljellä olevasta väristä: mustasta ja valkoisesta. Mitä sameampi tai harmaampi väri on, sitä neutraalimmaksi se tulee. Neutraaleja kuvioita on vaikein määritellä, sillä suurin osa niiden herättämästä tunteesta tulee lämpimistä ja viileistä väreistä, joihin ne vaikuttavat. Mustavalkoisia malleja pidetään tyylikkäinä ja hienostuneina, mutta koska nämä värit ovat niin vahvoja, ne voivat olla haaste tehokkaiden verkkosuunnitelmien luomisessa. Toinen tapa luoda neutraali paletti on lisätä mustaa tai valkoista lämpimään tai kylmään väriin, jotta väristä tulee harmaampi.
Väriperheiden käyttö web-suunnittelussa
Jos yrität herättää tunnelmaa web-suunnittelullasi, väriperheet auttavat. Hyvä tapa testata tätä on luoda useita paletteja kolmeen väriperheeseen ja verrata malliasi kaikkiin kolmeen. Huomaat, että koko sivun sävy muuttuu, kun vaihdat väriperhettä. Tässä on joitain mallipaletteja, joita voit kokeilla verkkosivullasi eri väriperheissä:
kuuma
- #cc333F, #eb6841, #edc951
- #ffd573, #ff773d, #f73e3e
- #ffe545, #fefbaf, #c2a34f, #fbb829
- #ffab03, #fc7f03, #fc3903, #d1024e
Viileä
- #69d2e7, #a7dbd8, #e0e4cc
- #2a044a, #0b2e59, #0d6759, #7ab317, #a0c55f
- #8ca315, #5191c1, #1e6495, #0a4b75
- #8fbfb9, #6493a7, #bddb88, #e0f3b2, #eefaa8
Neutraali
- #d9ceb2, #948c75, #d5ded9, #7a6a53, #99b2b7
- #e6cba5, #ede3b4, #8b9e9b, #bd7578
- #d8d0c8, #d2d0c8, #cbd0c8, #c4d0c8
- #182009, #464b35, #757661, #d1ccb9