Kontrast hraje důležitou roli v úspěchu designu webových stránek. Adekvátní kontrast zajišťuje kvalitní uživatelskou zkušenost a snadnější čitelnost, což přispěje k dlouhodobému úspěchu webu.
Webové stránky, které jsou příliš nízké v kontrastu, mohou být obtížné číst a používat, což bude mít negativní dopad na úspěch každého webu. Slabé problémy s barevným kontrastem jsou často snadno identifikovatelné; často se můžete prostě podívat na stránku ve webovém prohlížeči a zjistit, zda je text obtížně čitelný kvůli špatným kontrastním barvám.
I když může být snadné určit, které barvy nefungují dobře, může být náročné rozhodnout, které barvy budou fungovat dobře v kontrastu s ostatními av rámci návrhu webových stránek. Tento graf zobrazuje různé barvy a jak dobře kontrastují jako barvy popředí a pozadí. Můžete vidět některé efektivní párování, stejně jako špatné párování, které je třeba se vyvarovat při výběru barev pro vaše projekty webu.
Ne všechny silné kontrasty jsou dobré kontrasty
Jedna věc, kterou byste měli v grafu poznamenat, je, že některé z těchto barev mohou být velmi jasné a živě se objevují na konkrétní barvě pozadí, například na modré na černé, ale jsou označeny jako špatné kontrastní volby. Je to proto, že barevná kombinace, navzdory kontrastu, stále vede k textu, který je obtížně čitelný. Pokud byste vytvořili stránku v celém modrém textu na černém pozadí, vaše čtenáři by zažívali oči velmi rychle.
Existují pravidla a osvědčené postupy pro kontrast, ale jako návrhář, musíte vždy posoudit pravidla, abyste se ujistili, že pracují ve vaší konkrétní instanci.
Značkové standardy a kontrastní barvy
Kontrast je jen jedním z faktorů, které je třeba vzít v úvahu při výběru barev pro návrh vašeho webu. Při výběru barev budete pravděpodobně muset mít na paměti také standardy značky pro klienta, ať už se jedná o společnost, jinou organizaci nebo dokonce o jednotlivce. Ačkoli palety barev mohou být v souladu s pokyny organizace značky, nemusí se dobře překládat pro online prezentaci.
Například, žluté a jasné greeny jsou strašně náročné efektivně využívat na webových stránkách. Pokud jsou tyto barvy v pokynech společnosti, budou pravděpodobně nutné používat pouze jako barevné akcenty, jelikož je těžké najít barvy, které jsou v kontrastu s oběma.
Podobně, pokud jsou značky barvy černé a bílé, znamená to velký kontrast, ale pokud máte stránky s dlouhým množstvím textu, černé pozadí s bílým textem udělá čtení velmi oční zátěžový zážitek navzdory inherentní síle kontrast mezi černou a bílou. V tomto případě je vhodné invertovat barvy pomocí černého textu na bílém pozadí. To nemusí být tak vizuálně zajímavé, ale je mnohem lepší kontrast a čitelnost.
Online nástroje
Kromě vlastního designového smyslu existují některé online nástroje, které můžete použít k otestování výběru barvy webu. CheckMyColors.com otestuje všechny barvy vašeho webu a oznamuje kontrastní poměr mezi prvky na stránce.
Navíc, když přemýšlíte o výběru barev, měli byste také zvážit dostupnost webových stránek a lidi, kteří mají formu barevné slepoty. WebAIM.org vám s tím může pomoci, stejně jako ContrastChecker.com, který vyzkouší vaše volby proti směrnicím pro přístupnost obsahu webu (WCAG).
