Kontrast igra pomembno vlogo pri uspehu oblikovanja katerega koli spletnega mesta. Ustrezen kontrast zagotavlja kakovostno uporabniško izkušnjo in lažjo berljivost, ki bo prispevala k dolgoročnemu uspehu spletnega mesta.
Spletne strani, ki so premajhno v nasprotju, je težko brati in uporabljati, kar bo negativno vplivalo na uspeh katerega koli spletnega mesta. Težave v zvezi z barvnim kontrastom so pogosto enostavno prepoznati; pogosto lahko preprosto pogledate stran v spletnem brskalniku in ugotovite, ali je besedilo težko prebrati zaradi slabe kontrastne barvne izbire.
Čeprav je lahko enostavno ugotoviti, katere barve ne delujejo dobro skupaj, se lahko izkaže za izziv, da se odločijo, katere barve bodo delovale dobro v nasprotju z drugimi in v okviru zasnove spletne strani. V tem grafikonu so prikazane različne barve in kako se dobro razlikujejo kot barve ospredja in ozadja. Vidite lahko nekaj učinkovitih seznanjanj in slabo seznanjanje, ki se jim je treba izogibati pri izbiri barv za projekte vašega spletnega mesta.
Niso vsi močni kontrasti dobri kontrasti
Ena stvar, ki jo je treba opozoriti na grafikonu, je, kako so nekatere od teh barv lahko zelo svetle in se močno pojavijo na določeni barvi ozadja, na primer v modri barvi na črni barvi, vendar so označeni kot slaba izbira kontrasta. To je zato, ker kombinacija barv, kljub kontrastu, še vedno privede do besedila, ki je težko prebrati. Če bi morali ustvariti stran v vsem modrem besedilu na črnem ozadju, bodo vaši bralci zelo hitro doživeli očesni tlak.
Obstajajo pravila in najboljše prakse za kontrast, ampak kot oblikovalec, morate vedno ovrednotiti ta pravila, da se prepričate, ali delujejo v vašem posebnem primeru.
Standardi blagovne znamke in kontrastne barvne izbire
Kontrast je samo eden od dejavnikov, ki jih je treba upoštevati pri izbiri barv za oblikovanje vašega spletnega mesta. Pri izbiri barv boste verjetno morali upoštevati standarde blagovne znamke za stranko, ne glede na to, ali gre za podjetje, drugo organizacijo ali celo posameznika. Čeprav barvne palete so lahko skladne s smernicami organizacije za blagovno znamko, morda ne prevajajo dobro za spletno predstavitev.
Na primer, rumena in svetla zelenica je grozljivo zahtevna za učinkovito uporabo na spletnih straneh. Če so te barve v smernicah za blagovno znamko podjetja, jih bo verjetno treba uporabiti samo kot naglasne barve, saj je težko najti barve, ki dobro ustrezajo.
Podobno, če so barve vaših blagovnih znamk črno-bele, to pomeni velik kontrast, vendar če imate spletno stran z dolgimi količinami besedila, črno ozadje z belim besedilom bo bralno očaralo zelo očitno izkušnjo kljub svoji lastnosti kontrast med črno-belim. V tem primeru je priporočljivo obrniti barve z uporabo črnega besedila na belem ozadju. To morda ni tako vizualno zanimivo, vendar je veliko boljša kontrastnost in berljivost.
Spletna orodja
Poleg lastnega oblikovalskega smisla obstaja nekaj spletnih orodij, ki jih lahko uporabite za preizkušanje barvne izbire na vašem spletnem mestu. CheckMyColors.com bo preizkusil vse barve vašega spletnega mesta in poročal o kontrastnem razmerju med elementi na strani.
Poleg tega pri razmišljanju o barvnih odločitvah upoštevajte tudi dostopnost do spletnih strani in osebe, ki imajo oblike barvne slepote. S tem lahko pomaga WebAIM.org, kot tudi ContrastChecker.com, ki bo preizkusil vaše odločitve glede smernic za dostopnost do spletnih vsebin (WCAG).