STUDIO 1
disain

Kuidas valida värve ettevõtte saidile

E
Eduard Ignatjev · STUDIO 1 asutaja
·6 min lugemist

Värvid kodulehel mõjutavad seda, kuidas klient teid tajub, kiiremini kui ükski sõna. Hea värvipalett ei ole ilus, vaid see, mis kannab teie sõnumit ja ei sega külastaja tähelepanu. Vaatame, kuidas neid valida ilma kunstniku diplomita.

Jaga:
01

Mis värv päriselt ütleb

Sinine: usaldus, stabiilsus, professionaalsus. Sageli pankades, juriidikas, tervises.

Roheline: kasv, loodus, raha. Toidu, ökoloogia, finantsteenuste sektoris.

Punane: kiirus, energia, kiireloomulisus. Hea esiletõstmiseks ja kutseteks, mitte kogu brändi peamiseks värviks.

Must ja hall: premium, tehnoloogia, neutraalsus. Vajavad tasakaalu, muidu jäävad külmaks.

Need on suunised, mitte reeglid. Iga sektor on täis erandeid ja sageli on parem mängida ootuste vastu, mitte nendega.

02

Lihtne palett, mis töötab

Üks põhivärv (bränd). See on teie tunnusvärv: päised, logo, peamine nupp.

Üks kontrastvärv (rõhk). Kasutatakse tegevuskutsetel, hoiatustel, oluliste asjade esiletõstmisel. Peab põhivärvist selgelt eristuma.

Üks neutraalvärv (taust). Valge, hele hall või beež. Annab paletile õhku ja loetavust.

Tekst peaks olema väga tume hall, mitte täismust. Täismust valgel taustal väsitab silmi pikemal lugemisel.

03

Levinud vead

Liiga palju värve. Üle kolme põhivärvi paletis tekitab kaose.

Madal kontrast. Hele tekst heledal taustal pole ainult kole, vaid ka loetamatu. WCAG kontrastsuhe peaks olema vähemalt 4,5:1 põhitekstil.

Värv, mis paneb logo nähtamatuks. Põhivärv ei tohi konkureerida teie enda logoga.

Trendi pärast valimine. Tänavu hot värv ei pruugi sobida teie brändile ja vananeb 1-2 aastaga.

04

Kus värvi proovida

Veebis: Coolors.co aitab paletti genereerida ja salvestada.

Kontrasti testimiseks: WebAIM Contrast Checker (tasuta).

Päris saidi peal: tehke mockup ja näidake seda mitmel ekraanil (sülearvuti, telefon, vana monitor). Värvid näevad seadmetel erinevad välja.

Trükis: kui sait peab toimima koos brošüüride või visiitkaartidega, testige värve ka prinditult. Ekraani- ja trükivärvid ei kattu täielikult.

05

Kui brändivärv on juba olemas

Alustage olemasolevast logost ja brändi raamatust, kui see on olemas. Tehke sait sellega kooskõlas, mitte vastupidi.

Kui brändivärv on raske kasutada veebis (näiteks heleoranž, mille kontrast on kehv), kasutage seda aktsendina, mitte põhitausta värvina.

Veebis on alati lubatud variandid: tumedam toon päiseks, heledam taust suurtele aladele. See ei reeda brändi, see kohaneb meediumiga.

FAQ

Kas peab värvid valima ise või palgata disainer?+

Väiksele saidile saab valida ise, kasutades olemasolevaid värvipaleti tööriistu. Suurema brändi puhul tasub palgata disainer, kes annab tervikliku visuaalse süsteemi.

Mis on hea värvide arv saidi paletis?+

Tüüpiliselt 3-5: põhivärv, aktsendivärv, üks-kaks neutraalvärvi ja must/valge teksti jaoks. Üle viie värvi muutub raske ühtlaselt kasutada.

Kas tume režiim (dark mode) on kohustuslik?+

Mitte kohustuslik, kuid kasutajad seda hindavad. Kui sait on sisurikas (blogi, dokumentatsioon), tasub kaaluda. Müügilehel pole tihti tarvis.

Jaga:

Loe ka neid

Räägime teie projektist

Saatke meile lühike kirjeldus ja vastame 1 tööpäeva jooksul tasuta pakkumisega.