Väripsykologian ymmärtäminen on avainasemassa luomaan väripaletti, joka toimii hyvin digitaalinen suunnittelu . Vaikka joidenkin suunnittelijoiden mielestä väriä pidetään joskus puhtaasti esteettisenä valintana, se on itse asiassa keskeinen osa suunnittelun psykologista vaikutusta käyttäjiin ja sellaisenaan myös sen UX: ään.

Hyvin harkittu väripaletti voi nostaa muotoilun 'hyvästä' suureksi, kun taas keskinkertainen tai huono väripaletti voi heikentää käyttäjän kokonaiskokemusta ja jopa häiritä heidän kykyään käyttää sivustoa tai sovellusta.

Vaikka väriteoria on yleensä monimutkainen aihe, ja värin käyttö UX-muotoilu kattaa paljon enemmän kuin vain kauniilta näyttävän paletin luominen (kuten esteettömyys ja jopa eri sävyjen psykologiset vaikutukset samassa sävyssä); suunnittelijat voivat vähitellen sisällyttää väreihin paremman käytön suunnittelussaan tarvitsematta miettiä koko prosessiaan. Kun suunnittelija on käsitellyt perusteet, yksi väriteorian palkitsevimmista osista on oppia sisällyttämään odottamattomia värejä malleihinsa.

Värien psykologia

Väriteoria ja psykologiset vaikutukset, joita värillä voi olla käyttäjille, on monimutkainen ja usein subjektiivinen aihe. Mutta on tiettyjä näkökohtia, joita voidaan käsitellä yleisemmällä tasolla.

Asiat, kuten päävärien (ensisijaisen, toissijaisen ja tertiäärisen), perinteisten väripalettien ja kulttuuristen värimerkintöjen vaihtelut, ovat kaikki melko suoraviivaisia. Suunnittelijat voivat helposti oppia nämä perusteet ja soveltaa niitä työhönsä. Mutta on käytettävä hienompia kohtia, kun on kyse värien käytöstä UX-muotoilu .

Käyttöliittymän värien emotionaalista vaikutusta ei pidä unohtaa. Ja vaikka jotkut värit ovat 'universaaleja' UX-muotoilussa (kuten musta, valkoinen ja harmaa, joista ainakin yhtä käytetään käytännössä jokaisessa hyvässä suunnittelussa), väreillä, joihin ne yhdistetään, voi olla valtava vaikutus käyttäjän käsitys.

Tietenkin värin käyttötavalla voi olla dramaattinen vaikutus myös sen mieltymyksiin. Esimerkiksi modernilla, minimalistisella muotoilulla päävärinä käytetyllä sinisellä on hyvin erilainen tunnelma kuin samalla sinisellä, jota käytetään korostusvärinä monimutkaisemmassa yrityssuunnittelussa.

Kulttuurierot väreissä

Yksi asia, jonka suunnittelijat yleensä unohtaa, on kulttuurierot joita voi olla eri väreissä. Esimerkiksi monissa länsimaisissa kulttuureissa valkoinen liittyy esimerkiksi puhtauteen, viattomuuteen ja toivoon. Mutta osassa Aasiaa valkoinen liittyy kuolemaan, suruun ja epäonneaan.

Joillakin väreillä on yleensä positiivinen merkitys kulttuurista riippumatta (kuten oranssi), kun taas toiset, kuten valkoinen, vaihtelevat suuresti maittain. Tämä voi varmasti vaikeuttaa suunnittelijan elämää, kun yritetään luoda muotoilu, joka houkuttelee suurinta mahdollista yleisöä.

On tärkeää, että suunnittelijat tarkastelevat väripalettiensa kulttuurisia vaikutuksia tuotteen tai verkkosivuston tarkoitetun yleisön perusteella. Jos tuote kohdistuu maailmanlaajuiseen yleisöön, muista tasapainottaa käytettävät värit ja kuvat negatiivisten kulttuuristen merkitysten estämiseksi. Jos tuote kohdistuu ensisijaisesti vain tiettyyn kulttuuriin, suunnittelijat voivat kiinnittää vähemmän huomiota valitun paletin vaikutuksiin muihin kulttuureihin.

UX-värien sovittaminen tuotemerkkiin

Tuotemerkkiarvoilla tulisi olla keskeinen rooli väripaletin luomisessa. Mutta ne eivät ole ainoa tärkeä tekijä. Myös alan normit ovat avainasemassa, samoin kuin kilpailijoiden jo käyttämät värit. Lähes samanlainen väripaletti kuin brändin ensisijainen kilpailu on loistava tapa lisätä sekaannusta ja varmistaa, että brändi ei erotu.

Myönnetään, että tähän on poikkeuksia. Otetaan esimerkiksi McDonald's ja Wendy's. Molemmat ovat pikaruokaravintoloita, jotka kilpailevat suoraan keskenään. Ja molemmat käyttävät punaista ja keltaista väripalettia. Heidän logojaan tarkasteltaessa Wendyn logo on kuitenkin ensisijaisesti punainen ja keltaisia ​​aksentteja, kun taas McDonald's on päinvastoin. Niiden pakkauksissa käytetään myös näitä värejä eri tavoin, erottaen tuotemerkit edelleen. Tämän vuoksi kumpaakaan ei voida helposti sekoittaa toiseen, vaikka logot ja muut tunnukset poistettaisiin niiden pakkauksista.

Ensimmäinen askel tuotemerkin arvoja tukevan tuotemerkin väripaletin luomisessa on ymmärtää eri värien merkitys ja miten tehdä niistä vaaleampi / kirkkaampi / tummempi / tummempi / jne. voi vaikuttaa heihin. Tässä on erittely siitä, mitä eri värit tarkoittavat:

• Netto - Punainen on vaaran, intohimon ja jännityksen väri. Se on erittäin voimakas väri ja voi herättää ihmisissä voimakkaita reaktioita. Vaalea vaaleanpunaisemmaksi tekee siitä naisellisemman ja romanttisemman, kun taas tumman sävy kastanjanruskeaan tekee siitä vaimeamman ja perinteisemmän.
• Oranssi - Oranssi on erittäin luova väri, joka liittyy myös seikkailuun ja nuoruuteen. Se on myös erittäin energinen. Oranssin vahvojen siteiden vuoksi 70-luvun tyyliin se voi myös herättää retrotunnelman.
• Keltainen - Keltainen on iloinen, optimistinen ja iloinen. Se on suosittu sekä lapsille että aikuisille suunnatuissa malleissa. Lisää pastellivärejä käytetään usein sukupuolineutraalina vauvanvärinä, kun taas kirkkaammat keltaiset ovat suosittuja luovissa malleissa. Tummista keltaisista sävyistä tulee kultaa, mikä liittyy vaurauteen ja menestykseen.
• Vihreä - Greenillä on vaihtelevia yhdistyksiä. Toisaalta se herättää rikkauden ja perinteiden tunteita (erityisesti tummempia sävyjä), toisaalta se liittyy voimakkaasti ympäristöön ja luontoon. Kalkin vihreät liittyvät usein uudistumiseen ja kasvuun.
• Sininen - Sininen liittyy useimmiten uskollisuuteen ja luottamukseen. Kirkkaammat bluesit voivat olla yhteydessä viestintään, kun taas tummemmat ja tummemmat bluesit voivat liittyä suruun ja masennukseen. Sininen on maailman yleisesti pidetty väri, mikä voi selittää, miksi niin monet yritykset valitsevat siniset sävyt tuotemerkkinsä kannalta.
• Violetti - Violetti on toinen sävy, jolla on erilaisia ​​merkityksiä. Se on pitkään liittynyt rojaltiin ja vaurauteen (koska violetti väriaine oli harvinaista monissa muinaisissa sivilisaatioissa, se oli varattu rojaltille). Mutta se liittyy myös mysteeriin ja hengellisyyteen. Purppura voi myös herättää luovuutta.
• Musta - Musta tarkoittaa hienostuneisuutta ja ylellisyyttä. Se voidaan kuitenkin sitoa myös suruun ja negatiivisuuteen. Muista UX-väreistä, joita käytetään mustan rinnalla, se voi tuntua modernilta tai perinteiseltä, muodolliselta tai rennolta.
• Valkoinen - Valkoinen on sidottu puhtauteen, viattomuuteen ja positiivisuuteen. Valkoinen on neutraalin ja yksinkertaisuuden ansiosta myös erittäin suosittu minimalistisissa malleissa. Kuten musta, valkoinen saa helposti muiden käytettyjen värien ominaisuudet.
• harmaa - Harmaalla on erilaisia ​​merkityksiä kontekstista riippuen. Se voi olla konservatiivinen ja hienostunut tai tylsää ja tylsää. Se voi olla tunteeton tai tunnelmallinen. Se voi liittyä myös suruun ja suruun.
• Ruskea - Ruskea (joka on oikeastaan ​​tumma oranssin sävy) liittyy maanläheisyyteen ja maadoitukseen. Se liittyy myös luontoon ja jopa mukavuuteen. Ja tietysti se voi liittyä siihen, että se on likainen tai likainen.

Näiden perusvärikoodien tuntemus antaa suunnittelijoille vankan pohjan rakentaa väripaletteja mille tahansa tuotemerkille tai tuotteelle.

Väriteoria on kuitenkin osa tiedettä ja osa taidetta. Se, että väri liittyy yleensä tiettyyn tunteeseen tai mielialaan, ei tarkoita sitä, että sitä ei voida havaita muulla tavoin yhdistämällä sitä eri väreihin, muuttamalla tarkkaa sävyä tai vaihtelemalla sitä, miten sitä käytetään muiden muotoiluelementtien joukossa.

Epätavanomaisten UX-värien käyttäminen

UX-värien epätavallinen käyttö on loistava tapa erottaa tuotemerkki. Ja vaikka se vie enemmän hienovaraisuutta kuin yksinkertaisesti yhdistää kaikki vanhat värit, jotka suunnittelija tuntuu yhdistävän, ei ole niin vaikeaa oppia kuinka käytä odottamattomia värejä UX-malleissa .

Korostusvärit ovat helpoin paikka aloittaa epätavallisten värien lisäämisestä suunnitteluun. Esimerkiksi asianajotoimiston verkkosivusto saattaa käyttää perinteistä väripalettia tummansinistä ja harmaata. Mutta lisää joitain limenvihreitä aksentteja ja yhtäkkiä muotoilu erottuu muiden asianajajayritysten merestä, jolla on tummansinisiä ja harmaita verkkosivustoja. Tai katso tätä esimerkkiä Hogan Lovells , joka käyttää valkoista, harmaata ja limenvihreää väripalettia modernin verkkosivuston luomiseen, joka erottuu ehdottomasti muista laillisen teollisuuden sivustoista. Se houkuttelee nuorempaa, nykyaikaisempaa väkijoukkoa kuin keskimääräinen laillinen sivustosi.

Berdan Real Estate on toinen sivusto, joka käyttää odottamattomia väripaletteja. Kiinteistösivusto käyttää keltaisia ​​ja persikan sävyjä, jotka molemmat ovat paljon energisempiä kuin keskimääräinen kiinteistösi sivusto (jossa suuret siniset, punaiset ja vihreät värit hallitsevat).

Vakuutusta ei yleensä pidetä modernina, uraauurtavana alana, mutta se ei tarkoita, että heidän mallinsa ei voi olla. Lemonaden verkkosivusto käyttää harmaata ja valkoista värimaailmaa fuksia-aksentteilla. Se on täysin odottamatonta toimialalla, jonka ei tunneta ottavan riskejä.

Verkossa on monia muita esimerkkejä epätavanomaisista UX-väreistä, joita voidaan käyttää inspiraationa.

60-30-10-sääntö

60-30-10-sääntö on yksinkertainen teoria tasapainotettujen ja visuaalisesti mielenkiintoisten väripalettien luomiseksi. Ajatuksena on, että yksi väri - yleensä jotain melko neutraalia (joko kirjaimellisesti tai psykologisesti) - muodostaa 60% paletista. Toinen täydentävä väri muodostaa 30% paletista. Ja sitten kolmatta väriä käytetään aksenttina jäljellä oleville 10 prosentille suunnittelusta.

Tämän menetelmän avulla suunnittelijoiden on paljon helpompaa kokeilla epätavanomaisia ​​väripaletteja siirtymättä liian kauas odotettujen normien ulkopuolelle teollisuudessa tai tuotemerkissä. Jonkin odottamattoman sävyn popin lisääminen voi nostaa muotoilua, joka muuten sopii tietylle yritykselle odotettavaksi. Se voi myös olla ensimmäinen askel kohti tuotemerkkivalikoiman luomista, joka on paljon eteenpäin ajattelevaa kuin kilpailijat, erottaen tuotemerkin ja tekemällä siitä ikimuistoisemman.

Johtopäätös

Väriteoria on monimutkainen aihe, mutta perusteiden oppiminen ei ole erityisen monimutkaista. Sieltä suunnittelijat voivat rakentaa tietoonsa luodakseen monipuolisempia ja hienostuneempia väripaletteja.

Hyvin suunniteltu värivalikoima, erityisesti sellainen, joka sisältää odottamattomia sävyjä, ei ole vain esteettinen valinta. Sillä voi olla merkittäviä psykologisia vaikutuksia käyttäjiin, jotka UX-suunnittelijoiden tulisi hyödyntää parempien kokemusten luomiseksi.

• • •

Lue lisää ApeeScape Design Blogista:

• Suunnittelupsykologia ja Awesome UX: n neurotiede
• Tummat käyttöliittymät. Hyvä ja huono. Käskyt ja kiellot.
• Emotionaalinen brändäys kestävää tuotesuunnittelua varten
• Käytä inspiraatiota - opas mielialalevyihin
• Vakuuttava muotoilu: Kehittyneen psykologian käyttäminen tehokkaasti

Perustietojen ymmärtäminen

Miksi on tärkeää oppia väriteoria?

Värien psykologisten vaikutusten ja niiden kyvyn vaikuttaa tunteisiin oppiminen parempien kokemusten luomiseksi käyttäjille on avainasemassa tullessaan poikkeukselliseksi suunnittelijaksi.

Miksi värikontrasti on tärkeää verkossa?

Oikea värikontrasti on tärkeä esteettömyysongelma. Esteettömyyden lisäksi sillä on myös vaikutusta käyttäjien käyttäytymiseen (kuten ylimääräinen kontrasti, joka saa CTA: t erottumaan enemmän ja vaikuttamaan käyttäjiin napsauttamaan useammin).

Mikä on turvallinen verkkoväri?

Laajasti käytössä on 216 yleisesti hyväksyttyä 'web safe' -väriä. Kun tietokoneen näytöt rajoitettiin 256 väreihin, 'web safe' -väreihin voitiin luottaa, jotta ne tekisivät saman suurissa selaimissa. Nykyaikaiset laitteet voivat nyt tuottaa miljoonia värejä, joten suunnittelijat eivät ole enää rajoitettu niiden käyttöön.