Veebidisainis on värvipalett üks olulisemaid alustalasid, mitte ainult esteetilistel põhjustel, vaid ka seetõttu, et seda saab kasutada emotsioonide väljendamiseks, saidikogemuse parandamiseks või brändingu tugevdamiseks. Tegelikult Kui selle aspekti eest ei hoolitseta, võib see muuta lugemise keeruliseks, navigeerimise segadusse ajada või panna kasutaja lehelt lahkuma. sekundite jooksul. Aga kuidas luua veebidisaini jaoks ideaalne värvipalett? See peab olema tasakaalus strateegia, psühholoogia ja loovuse vahel. Kas me saame teid selle loomisel aidata?
Seega vaadake neid näpunäiteid allpool.
Miks peaksite veebidisainis valima hea värvipaleti
Nagu me oleme teile varem öelnud ja te ilmselt teate seda ka, Värv mõjutab kasutaja käitumist. Teisisõnu, see mõjutab teie visuaalset taju, mis tähendab, et see mõjutab teie otsuseid, veebisaidil veedetud aega ja konversioonimäära.
Hea värvipalett tugevdab teie brändi identiteeti, sest teid mäletatakse. Samuti loob visuaalse hierarhia, suunates neid kõige üldisemast kõige spetsiifilisemani. Lisaks sellele on teil võimalus emotsioone tekitada.
Aga kuidas sellest kõigest strateegia välja töötada? Me selgitame seda teile allpool.
Kuidas luua värvipaleti strateegia graafilises disainis
Hea värvipaleti loomisel peate teadma, kuidas sinna jõuda. Ja selleks on kõige parem järgida neid samme, mida me soovitame:
Määrake saidi eesmärk ja toon
Enne kui hakkate mõtlema, milline värv sobiks teie brändile või teile kõige paremini, peatuge ja mõelge veidi järele põhjus, miks soovite luua logo, veebisaidi jne. Olgu see siis teabe, müügi, meelelahutuse jaoks... Kõik see mõjutab värve, seega peate looma loodava saidi profiili.
Kui see on olemas, on järgmine asi mõtle oma sihtrühmaleKas sa oled noor, vana, milline on sinu ostujõud, mis hobid sul on,…? Ei, seda pole nii raske teada. See tähendab end asetamist nende inimeste olukorda, kes ostaksid teie toodet või telliksid teie teenuseid. Nendeni jõudmiseks pead teadma, mida nad mõtlevad ja kuidas nad tegutsevad.
Ja selleks, pole midagi paremat kui emotsioonid. Võib-olla soovid edasi anda loodust, loovust, luksust... Ja just seda saavad värvid edastada juba enne, kui lugema hakkad.
Värvipsühholoogia põhimõtted
Kui te ei tea, siis värvipsühholoogia on haru, mis uurib värvide mõju inimese tajule. On tõsi, et mõnikord, olenevalt kultuurist, võivad teatud toonid muutuda, kuid peaaegu üldiselt kõigil värvid tekitavad samu tundeid.
Noh, siin peate natuke teadma, milline värvitüüp sobiks kõige paremini teie veebidisaini projektiga. Näiteks:
- Sinine, edastab enesekindlust, tõsidust ja rahu. See sobib ideaalselt tehnoloogia, rahanduse või tervishoiu jaoks.
- Punane, edastab energiat, kirge ja pakilisust. Kuid see sobib ideaalselt e-kaubanduse, spordi või reklaami jaoks.
- Roheline on tasakaalu värv, mis meenutab loodust. Kui tegemist on keskkonna- või toiduveebisaidiga, on see ideaalne.
- Kollane, ideaalne rõõmu ja optimismi näitamiseks. Kui tegemist on lastele mõeldud veebisaitidega või loovuse või üleskutsega tegutseda, on see ideaalne värv.
- Must, mis on elegantsi, luksuse ja võimu värv. Premium-toodete veebisaitide jaoks võib see olla ideaalne.
- Oranž, annab elujõudu ja entusiasmi. Seetõttu kasutatakse seda sageli idufirmades, hariduses või isegi rakendustes.
- Valge on värvidest kõige lihtsam, aga just see tekitabki rahu. Tervise- või minimalistlike veebisaitide jaoks võib see olla ideaalne.
Oma baasvärvipaleti loomine
Veebidisaini värvipaleti loomisel peaksite seda teadma Tavaliselt koosneb see maksimaalselt kolmest kuni kuuest värvist. Neil kuuel värvil on kindel funktsioon. Näete:
- Põhivärv: kõige olulisem värv, mis peegeldab brändi või põhisõnumit.
- Teisene värv: täiendab eelmist, andes sügavust ja kontrasti.
- Aktsentvärv: nuppude, ikoonide, tegevusele kutsuvate jne jaoks.
- Neutraalsed värvid taustaks või plokkide eraldamiseks. Tavaliselt on need valged, mustad, hallid ja beežid.
- Nende eelmiste värvide toonivariatsioonid, kuid erinevates toonides.
Olge kontrasti ja loetavusega ettevaatlik
Üks vigadest, mida paljud graafilise disaini algajad teevad, on hea kontrasti ja loetavuse tagamata jätmine. Näiteks tumeda teksti kasutamine tumedal taustal (miski ei ole loetav) või nupud, mis ei paista silma.
Seega peate veebisaidi loomisel Veenduge, et tekst oleks loetav mis tahes värvilisel taustal. Samuti peaksid nupud taustast eristuma ja tasakaalu veidi rikkuma, kuid mitte ülepaisutatuna.
Lõpuks soovitame seda ärge kasutage sarnaseid värve, sest paljud ei suuda neid eristada. Lisaks, kui kasutate neid erinevate funktsioonide jaoks, on ainus asi, mida saavutate, see, et nad ei tea täpselt, milleks te neid värve kasutate.
Kui see teile sobib ja soovite järgida WCAG 2.1 ligipääsetavuse standardeid, on minimaalne soovitatav kontrastsuse suhe tavalise teksti puhul 4.5:1 ja suure teksti puhul 3:1.
Inspiratsiooni saama
Mõnikord ei ole loovus lihtsalt nurga taga. See on normaalne, et see sinuga juhtub. Aga just sel põhjusel pole inspiratsiooni otsimine halb asi. See aitab sul end lahti harutada ja vaadata, kuidas teised sinu projektiga samas sektoris tegutsevad saidid on loonud, et mõista, milliseid värve tavaliselt kasutatakse. See aitab teil vältida värvide kordamist või isegi seda teha.
Inspiratsiooni otsimiseks on palju kohti. Üks neist on Dribbble, aga on ka Pinterest, kust näeb värvipalette.
Proovige ja ebaõnnestuge
Lõpuks soovitame teil mitte endale piire seada. Katseta, proovi ja jah, tee vigu. Sest nii leiadki ideaalse veebidisaini värvipaleti. Aga ole ettevaatlik, sest see ei peaks tegelikult kasutajatele nii meeldima.
Sellepärast peaksite seda testima erinevate värviaktsentide, erinevate kasutajate ja isegi soojuskaardistamise tööriistadega.
Kõik see aitab teil aru saada, kas peate värvitoone muutma. See ei põhine esteetikal, vaid saidi praktilisusel. Kui tahad, et see toimiks, pead veenduma, et värvid on õiged.
Kas olete valmis oma projektide jaoks veebidisaini värvipaleti looma?