Kako izbrati pravilno barvo prijavnega obrazca

Izbira barve nam lahko velikokrat povzroča težave in zmedo pri oblikovanju, nemalokrat pa pride tudi do neposrečenih barvnih kombinacij. To pa lahko posledično zmanjša učinkovitost marketinških kampanj (do 90% ljudi se odloča zgolj na podalgi barve!) – kar še posebej velja za prijavne obrazce.

Da bi ljudje izpolnili prijavni obrazec na vaši spletni strani, ga morajo najprej opaziti. Pri tem pa igra pomembno vlogo prav barva. S poznavanjem osnovnih odnosov med barvami lahko ustvarjate čudovite barvne kombinacije, ki pritegnejo pozornost.

V tem članku vam bomo torej predstavili tri barvne teorije, ki jih lahko uporabite pri izbiri barv za vaše prijavne obrazce. Čeprav se bomo osredotočili predvsem na barve prijavnih obrazcev, pa lahko barvne teorije uporabite tudi pri oblikovanju drugih marketinških stvari – na primer vaših email sporočil.

 

1. Preprosto oblikovanje s pomočjo analognih barv

Analogne barve so barve, ki se v barvnem krogu nahajajo ena poleg druge. Odvisno od tega, na koliko delov je razdeljeno barvno kolo, bi bile to na primer modra, zelena, rumena ali pa celo več odtenkov iste barve.

To nekoliko olajša postopek izbire barv. Če veste, katera barva vam je všeč, lahko s pogledom na barvno kolo hitro najdete tudi dve sosednji barvi, ki se z njo ujemata.

Oglejte si dva prijavna obrazca, kjer je uporabljen analogen pristop izbire barv:

  • V prvem prijavnem obrazcu so uporabljeni trije analogni odtenki zelene barve:

  • V drugem prijavnem obrazcu pa je bila uporabljena analogna družina različnih odtenkov rumene in zelene:

Če niste prepričani, kako najti analogne barve, si lahko pomagate s tem brezplačnim orodjem.

 

2. Komplementarne barve ustvarjajo vtis privlačnosti

Če želite narediti svoje obrazce bolj zanimive in privlačne, so vam lahko pri tem v pomoč komplementarne barve.

Komplementarne barve so barve, ki se v barvnem krogu nahajajo ena nasproti druge. Na primer modra in oranžna, zelena in rdeča ali pa vijolična in rumena.

Takšne barvne kombinacije so na pogled izjemno privlačne in ustvarijo dober kontrast (do tega še pridemo v nadaljevanju), še zlasti, če se odmaknete od primarnih barv.

Tukaj je nekaj primerov (neprimarnih) komplementarnih kombinacij v prijavnem obrazcu:

Komplementarne barve lahko najdete z istim orodjem kot analogne barve.

 

3. Barvni kontrasti prevzamejo vso pozornost

Življenje bi bilo precej dolgočasno brez kontrastov, saj nam le-to omogoča drugačen pogled na stvari okoli nas.

Če v prijavnih obrazcih uporabite načelo kontrasta, bodo obiskovalci vaše spletne strani posvečali pozornosti tistemu, kar vi želite. Gre za zelo intenziven način, s katerim lahko dosežete, da več ljudi opazi in klikne na vaš gumb s klicem k akciji.

Kontrast lahko uporabite na dva načina:

1. Kontrast med obrazcem in spletno stranjo

Kot ozadje prijavnega obrazca izberite barvo, ki predstavlja močan kontrast barvi spletne strani. To naravno pritegne pogled k obrazcu:

2. Kontrast znotraj obrazca

Ko obiskovalec zagleda obrazec, mu mora biti takoj jasno, kaj mora narediti – ga izpolniti! Možnost za to lahko povečate tako, da poskrbite, da polja in gumb močno izstopajo od barve ozadja, so ji kontrastna.

Poglejte, kako so v spodnjem primeru uporabljeni kontrasti črne, rumene in bele, ki hkrati pritegnejo pozornosti k obrazcu in dajejo jasen namen, kaj je potrebno storiti.

Če pa se odločite za uporabo komplementarnih barv, je to tudi odlična priložnost, da poskrbite za to, da se gumb in ozadje obrazca dopolnjujeta, a sta hkrati kontrastna.  Nič ne sporoča »kliknite sem!« bolje od barve.

 

Kaj pa podoba blagovne znamke?

Morda se vam sedaj porajajo dvomi o tem, ali lahko uskladite naštete koncepte z že obstoječo podobo blagovne znamke.

Če imate podobo že izoblikovano, naj vas ne skrbi! Opisane prijeme lahko uporabite pri zelo zapletenih kot tudi najpreprostejših barvnih shemah vaše blagovne znamke. Včasih je potrebno zaobiti obstoječe barve, da bi izbrali prave barve.

Morda pa boste ugotovili, da bi bilo potrebno k celostni podobi dodati novo barvo in se tako prilagoditi razvoju in spremembam vaše spletne strani.

Če želite izbrati nove barvne kombinacije za svojo znamko, vam svetujemo uporabo orodja Coolors. Ta vam omogoča, da barve vaše znamke vnesete v paleto, nato pa orodje izbere barve, ki se z njimi skladajo.

 

Prebudite oblikovalca v sebi

Če vam oblikovanje prijavnega obrazca povzroča preglavice ali pa če izvajate že stoto A/B testiranje, lahko že danes preizkusite opisane nasvete in na enostaven način ustvarite prijavne obrazce v SqualoMail aplikaciji.

Brezplačno ustvari SqualoMail prijavne obrazce

 

Upamo, da smo prebudili oblikovalca v vas in vam pomagali pri oblikovanju čudovitih obrazcev, ki vam bodo prinašali višje konverzije.