Jak kontrastovat mezi barvami při navrhování?

Který je nejlepší kontrast pro váš design?



Jednou z hlavních věcí, díky nimž design vynikne a vypadá úžasně, je „kontrast“ barev použitých na designu. Design má popředí a pozadí. A pokud barvy obou nejsou dobře kontrastovány, design by mohl být katastrofou. Pozadí by mělo mít barvu, díky které vynikne text nebo design v popředí. Stejně tak barvy, které používáte pro obsah v popředí, musíte zajistit, aby byl vyvážen pozadím a nevypadal nevhodně.

Pokud narazíte na web se špatnou volbou kontrastu, může být pro vás velmi obtížné přečíst, co je na něm napsáno. To je jeden z hlavních důvodů, proč je provoz na těchto webových stránkách extrémně nízký. Jejich nízká čitelnost a špatná volba kontrastu.



Při navrhování webových stránek se důrazně doporučuje vyzkoušet různé kontrasty, aby bylo možné analyzovat, který kontrast by na vašem webu vypadal nejlépe. Chcete, aby na diváky váš design zapůsobil a mohli jasně číst napsané texty. Pokud je pozadí příliš světlé a popředí je příliš světlé, prohlížeč nebude schopen ve skutečnosti číst nebo dokonce vidět obsah.



Na co je třeba pamatovat při výběru kontrastu pro vaši webovou stránku

Vyberte kontrast barev odpovídající vašemu tématu, ale je v pořádku přidat do kontrastu nové barvy

Možná jste se již rozhodli, že kontrast bude odpovídat barvám vašeho loga, ale možná budete chtít přehodnotit několik možností. Bylo by skvělé použít stejné barvy jako vaše logo, ale pokud můžete vytvořit vhodný kontrast s jinou barvou při zachování vztahu k barevnému schématu log, můžete být překvapeni různými kontrasty, které jste právě objevili.



Účelem vyzkoušení nových barev s barvami značky je najít alternativní možnosti pro web v případě, že barvy značky nevypadají tak, jak chcete. Klient by pravděpodobně chtěl, abyste použili barvy, které mu byly dány, ale pokud jím poskytovaná barevná paleta nedává na webu vyniknout designu, měli byste pro lepší zobrazení klienta zkusit nové palety.

Špatný kontrast barev

Řekněme, že existuje značka, jejíž základní barvy pro značku zahrnují jasně zelenou a citronově žlutou. Dokážete si představit tyto dva v popředí a pozadí? Ne. Protože obě tyto barvy jsou pro oko super jasné. Světlé na světlé nikdy nebude čitelný text. V takovém případě můžete vždy spolu s těmito barvami použít i jiné barvy, aby web vynikl a dodal mu jasnost, zatímco zůstane spojen s kořeny značky.

Dobrý kontrast barev

Dobrý kontrast barev nemusí vždy znamenat, že by design vycházel dokonale. Dobré kontrasty někdy oko příliš zatěžují, kvůli čemuž čtenář nebo divák webových stránek nebude moci pokračovat ve čtení obsahu na webové stránce. Například značka má barevné schéma černé a bílé, pozadí a popředí. Černá a bílá je skvělá kombinace, protože vypadá skvěle. Pokud se však podíváte na web, který má černé pozadí a bílý obsah v popředí, oči čtenáře budou nepochybně napjaté. V takových situacích může být dobrým experimentem přidání kontrastní barvy nebo změna kontrastu s jinými odstíny stejné barvy.



Barvy pozadí
Barvy popředí SíťoranžovýŽlutáZelenáModrýfialovýČernáBílýŠedá
SíťCHUDÝCHUDÝDOBRÝCHUDÝCHUDÝCHUDÝDOBRÝDOBRÝCHUDÝ
oranžovýCHUDÝCHUDÝCHUDÝCHUDÝCHUDÝCHUDÝDOBRÝCHUDÝCHUDÝ
ŽlutáDOBRÝDOBRÝCHUDÝCHUDÝDOBRÝCHUDÝDOBRÝCHUDÝDOBRÝ
ZelenáCHUDÝCHUDÝCHUDÝCHUDÝDOBRÝCHUDÝDOBRÝCHUDÝDOBRÝ
ModrýCHUDÝCHUDÝDOBRÝDOBRÝCHUDÝCHUDÝCHUDÝDOBRÝCHUDÝ
fialovýCHUDÝCHUDÝDOBRÝCHUDÝCHUDÝCHUDÝDOBRÝDOBRÝCHUDÝ
ČernáCHUDÝDOBRÝDOBRÝDOBRÝCHUDÝDOBRÝCHUDÝDOBRÝCHUDÝ
BílýDOBRÝDOBRÝDOBRÝCHUDÝDOBRÝDOBRÝDOBRÝCHUDÝDOBRÝ
ŠedáCHUDÝCHUDÝDOBRÝDOBRÝCHUDÝCHUDÝCHUDÝDOBRÝCHUDÝ

Tuto tabulku kontrastu lze vždy použít k předběžné analýze toho, jak bude barevný kontrast vypadat na vašem návrhu. I když existují některé, které zde vypadají dobře, ale existuje šance, že při použití na design nemusí vypadat tak dobře. Práce na vašem designu s těmito kontrasty a různými odstíny vám přinese úžasné kontrasty. Experimentujte tedy s paletou barev sebevědomě. Pamatujte, že váš design, ať už pro web nebo pro tisk, by měl být jasný. Jasnost je jednou z nejdůležitějších charakteristik při navrhování, a proto hraje velmi významnou roli kontrast.