E-post
Avaleht › Blogi › Teknologia

Veebilehe värvid: juhend värvipaleti valimiseks

Veebilehe värvid: juhend värvipaleti valimiseks

"Umbes 62-90 % tarbija esmamuljest tootest tuleb ainuüksi värvi põhjal.", Journal of the Academy of Marketing Science

Miks on värvid sinu veebilehe jaoks olulised?

Värvid ei ole pelgalt kosmeetiline detail. Need on üks tõhusamaid tööriistu esmamulje loomisel, sest värv on üks esimesi asju, mida kasutaja märkab. Lisaks tugevale esmamuljele saab värvidega tõhusalt suunata kasutaja tegevust ja alateadlikult edasi anda brändi väärtusi.

"39 % inimestest ütleb, et värv on veebilehe kõige olulisem visuaalne element.", Small Business Trends/KoMarketing

Värvipsühholoogia: mida sinu brändi värv ütleb?

Värvid mõjuvad eri inimestele erinevalt, kuid on olemas üldine üksmeel selles, kuidas inimesed värvidele reageerivad:

  • Sinine Usaldus, turvalisus, professionaalsus
  • Roheline Kasv, tervis, stabiilsus, loodus
  • Punane Kiirus, kiireloomulisus, kirg
  • Must Rafineeritus, formaalsus, väärikus
  • Kollane Optimism, hoiatus, energia
  • Lilla Luksus, loovus, maagilisus
  • Valge Puhtus, lihtsus, minimalism

Sinine värv on küsitlustes korduvalt saavutanud purustava võidu. See väljendab professionaalsust ja turvalisust, seepärast kannab ka politsei sinist.

Praktiline juhend: kuidas valida harmooniline värvipalett?

Värviharmoonia alused

  • Monokromaatsus Kasutad ainult ühte värvi ja selle eri toone. Kõige turvalisem ja vaoshoitum valik.
  • Analoogsus Võtad värviringilt oma põhivärvi kõrvalt 2-3 naabervärvi. Need on loomulikult harmoonilised.
  • Komplementaarsus (vastandvärvid) Sinu põhivärvi vastas asuv värv. Loob suurima kontrasti ja sobib eriti hästi CTA-nuppudele.

Värvipaleti loomist saad alustada tasuta tööriistadega nagu Adobe Color Wheel ja Color Hunt.

Toonierinevuste tähtsus

  • Küllastuse reguleerimine Suurem küllastus toob rohkem energiat, väiksem on rahustavam.
  • Heleduse reguleerimine Tumedamad värvid loovad väärikama meeleolu, heledamad kergema.

Kuidas värvid raha sisse toovad?

CTA-nuppude värv peab kasutajale karjuma: "Klõpsa siia!" HubSpoti ja Dmixi A/B-testis edestasid punased nupud konversioonis rohelisi koguni 21 %.

Testi järeldus ei olnud see, et punane on nuppude jaoks parim värv, vaid see, et kontrast on kuningas. Helkurvestid ei ole kogemata kollased ja tulekustutid ei ole punased naljaviluks.

Pea meeles ligipääsetavust

Kasuta teksti ja tausta vahel piisavat kontrasti. Loetavus on alati tähtsam kui ilu. Kontrolli WCAG-nõudeid. Kasuta tühja ruumi (white space), et anda elementidele hingamisruumi ja suunata külastajate tähelepanu olulisele.