Průvodce návrhářem barevného kontrastu
Barvy, které si vyberete při návrhu webové stránky, plakátu nebo jiného typu obrazu, budou mít obrovský dopad na to, zda je celkový design úspěšný. Koneckonců, je spousta psychologie za barvy že lidé jsou přitahováni a návrháři je zapotřebí začlenit do všeho, co dělají.
Barevný kontrast hraje velmi důležitou roli, ale je často přehlížen, podceňován a nepochopen. Abyste se tomuto problému vyhnuli, musíte se dozvědět více o barevném kontrastu, včetně toho, jak a proč byste ho měli používat. Jakmile překročíte základy vědomí, že červená a oranžová nejsou dobré barvy, které vytvářejí kontrast, ale černé a bílé jsou, můžete začít rozvíjet vylepšenou estetiku, která potěší klienty a diváky.
Proč je kontrast barev tak užitečný?
Barevný kontrast, ve zkratce, poskytuje vizuální intriku a udržuje diváky zájem. Zvažte na okamžik, jak nudné by bylo, kdyby celý plakát byl vyroben z jedné barvy nebo jen zahrnoval odstíny z jedné rodiny barev. Ačkoli existují některé případy, kdy to funguje z umělecké perspektivy, není to přístup, který by pravděpodobně chtěl někoho upoutat pozornost, když se dívá na regálech obchodu, dívá se na filmové plakáty nebo surfuje po internetu. Proto je rozumné použít vždy, když je to vhodné, kontrastní barvy.
Přemýšlejte o klasické plechovce Coca-Cola. Kdyby byla celá věc červená, nebylo by to tak vynikat. Bílé písmo skutečně vystupuje z rudého pozadí, které zaujme pozornost a je okamžitě rozpoznatelné. Tento kontrast je vizuálně ohromující a vyniká ze svých konkurentů.
Jak nejlépe používat barevný kontrast
Volby barev, které vytvoříte, závisí do značné míry na formátu, který používáte. Coca-Cola může poskytnout skvělý způsob vysvětlení tohoto procesu. Ve fyzickém produktu, jako je plechovka sódy, funguje červené pozadí. Vyniká také v tisku, televizních reklamách a mnoho dalších. Ale co kdybyste se pokoušeli navrhnout webové stránky s těmito stejnými barvami?
Aby to bylo co nejrychleji, bude červené stránky červené stránky s bílým textem nahoře ohavné. Plné červené pozadí však bude fungovat, pokud na něj umístíte textové pole, které má světlejší barvu, jako je bílá nebo opálení. Odtud byste pravděpodobně chtěl v textovém poli použít černý text a vytvořit další vrstvu kontrastu. Tento přístup bude nejen okouzlující, ale také umožní, aby lidé skutečně přečetli text. Pamatujte, že černý text na červené barvě je velmi obtížné.
Další příklady kontrastních barevných kombinací to nebude fungovat dobře na webu a mohou být také téměř nerozlušitelné v jiných formátech včetně světle zelené na středně zelené, zelené na červené a červené na modré. Místo toho zvažte použití bílé na zelené a žluté nebo bílé na modré. Pokud musíte umístit text na pevné červené pozadí, je nejlepší použít bílé, stejně jako Coca-Cola.
Samozřejmě, barevný kontrast není vždy používán k upozornění na text. Pokud hledáte, abyste spojili dvě různé kontrastní barvy dohromady, abyste si na oko vybrali něco konkrétního na stránce, můžete si vybrat mezi výrazně odlišnými barvami a jemnějším kontrastem, který je způsoben změnami odstínu, odstínu a sytosti.
Barevný kontrast hraje obrovskou roli ve vystupování vašeho CTA nebo tlačítka. To by mělo být samozřejmostí, ale když uživatel sklízí vstupní stránku nebo váš článek, CTA s jinou barvou, než je stránka, se chystá upoutat pozornost.
To všechno zní dobře, ale abychom viděli v akci, měli bychom se podívat na některé společnosti, které využívají barevný kontrast ve svůj prospěch.
Teamweek je zdaleka jedním z nejlepších příkladů, které vám mohu dát. Jak vidíte na obrázku výše, ačkoli jsou plány všechno jiné barvy, kontrast mezi tyrkysovým tlačítkem a zbytkem stránky stále dělá úžasnou práci, která vás upozorní na CTA.
Totéž se děje na jejich přihlašovací stránce. Ačkoli je stránka bohatá na barvy a vzory, je pozornost uživatele přesměrována do středu stránky.
Trip Advisor dělá pěkné práce s použitím kontrastních barev a bílého prostoru, které nasměruje oči každého uživatele na nejdůležitější aspekty jejich výsledků vyhledávání. Směs zelené a žluté je příjemná pro oko a udržují klasické modré barvy hypertextových odkazů, aby lidé mohli snadno zjistit, kam kliknout, abyste se dozvěděli více. Dokonce lépe si vybrali tučnou žlutou barvu s černým textem pro své tlačítko "ukázkové ceny", které vyniká tolik, že se lidé s touto výzvou k akci prakticky jistě zapojí.
Dalším příkladem toho, jak používat kontrastní barvy ve svůj prospěch, naleznete na adrese CheeseSurvivalKit.com . Střídání mezi otevřeným a záporným prostorem s výběrem bílé a šedé táhne oko dovnitř. Nahromadění této kombinace s šplouchnutí červené pomáhá zajistit, že návštěvníci webových stránek budou vizuálně zaujet natolik, aby se drželi kolem.
Co každý návrhář potřebuje vědět
Přibližně 8 procent mužů celosvětově trpí nějakou formou slepoty. Tento stav je mnohem vzácnější u žen, ale 1 z každých 17 lidí s barevnou slepotou je žena. Celkově 4,5 procent světové populace nevidí všechny barvy jako zbytek světa.
To se může zdát jako dostatečně malý procentní podíl, který byste neplnili jejich potřebám. Nicméně skutečnost spočívá v tom, že pouze ve Velké Británii je 2,7 milionu lidí zabarveno. To je něco, co návrháři opravdu potřebují zvážit, zvlášť pokud vytvářejí něco, co je zaměřeno na muže.
Červená / zelená slepota je nejběžnější verze barevné slepoty. To znamená, že červené a zelené prvky jakékoli barvy nebudou mít pravý vzhled těchto osob. Například osoba s červenou / zelenou slepotou vnímá fialovou jako modrou. K tomu dochází, protože nemohou vidět červený tón, který pomáhá odlišit fialovou od modré.
Jak si dokážete představit, způsobuje to ještě obtížnější proces výběru dokonalého barevného kontrastu. Pokud byste chtěli zvolit zelenou jako primární barvu pozadí nebo dokonce jako barvu písma, 4,5 procenta vašeho zamýšleného sledovaného publika pravděpodobně nebude moci přesně vidět všechno. Možná nebudou schopni číst slova příliš dobře v závislosti na odstínu, který jste si vybrali, a jak těžká je jejich barevná slepota.
Sečteno a podtrženo
Nakonec by barevný kontrast měl znamenat, že oba prvky vyčnívají, ale především nejdůležitější prvek. Jinými slovy, pokud vkládáte text na barevné pozadí nebo obrázek, ujistěte se, že slova jsou snadno viditelná a čitelná. Mějte na paměti vaše publikum a snažte se vyloučit barevné kombinace, které by mohly učinit konečný výsledek pro lidi s barevnou slepostí.