Skip to content

Jak pomocí kontrastu vylepšit své grafické návrhy

8 de Červenec de 2021
GettyImages 137885806 58dfe2ac5f9b58ef7ecf0cf9 5bd75993c9e77c00511d6076

Co je třeba vědět

  • Velikost: Umístěte dva podobné prvky vedle sebe, ale jeden zvětšete. Větší přitahuje pozornost.
  • Hodnota: Použijte světlé a tmavé hodnoty stejné barvy. Čím dále od sebe jsou hodnoty, tím větší je kontrast.
  • Barva: Kontrastní dvě barvy upozorňují na prvek, který vyniká.

Tento článek vysvětluje několik způsobů, jak pomocí kontrastu vylepšit grafické návrhy.

Jak pomocí kontrastu vylepšit své grafické návrhy

Kontrast je princip návrhu, ke kterému dochází, když se dva vizuální prvky dramaticky liší. Čím větší je rozdíl, tím větší je kontrast. Kontrast dostane vaši zprávu napříč zdůrazněním toho, co je důležité, a nasměruje oko čtenáře, napomáhá čitelnosti tím, že vynikne záhlaví sekcí, a upoutá pozornost čtenáře přidáním zájmu na stránku. Můžete vytvořit kontrast ve velikosti, hodnotě, barvě, typu a dalších prvcích.

Velikost

Umístění dvou prvků vedle sebe, které jsou si v každém ohledu podobné, kromě velikosti, je jedním ze způsobů, jak dosáhnout kontrastu velikosti. Mohou to být například velké a malé obrázky nebo velká a malá písma. Dalším způsobem, jak kontrastovat s velikostí, je ponechat kolem malého objektu dostatek bílého prostoru.

Pohled čtenářů bude nejprve přitahován k větším položkám, takže zvětšete objekty, které chcete zdůraznit.

Hodnota

Relativní světlost nebo tmavost dvou prvků může vytvořit hodnotový kontrast. Ať už jde o odstíny šedé nebo odstíny a odstíny jedné barvy, čím dále od sebe hodnoty, tím větší je kontrast.

Mraky kapky vody v suspenzi na barevné pozadí

Můžete použít více než jeden kontrastní prvek současně. Například velký bílý text na černém pozadí, následovaný šedým textem na stejném pozadí, kombinuje hodnotu a velikost.

Barva

K vytvoření kontrastu použijte harmonizující, doplňkové a opačné barvy. Když kontrastujete barvy, buďte s hodnotou opatrní. Harmonizující barvy (barvy, které na barevném kolečku sousedí) se mohou jevit vybledlé, pokud mezi nimi není dostatečný rozdíl v hodnotě.

Zelený deštník kontrastující s mořem černých deštníků

Při určování kontrastních barevných párů zvažte účinek na diváky. Například jasně červený a jasně modrý kontrast, ale při společném pohledu může způsobit namáhání očí.

Typ

Použijte velikost, hodnotu a barvu k vytvoření kontrastních typografických úprav. Nechte některá slova více vyniknout pomocí jedné z následujících akcí:

  • Přidejte tučné písmo nebo kurzívu.
  • Smíchejte velký a malý typ.
  • Kombinujte patkové s bezpatkovým (bezpatkovým) typem.
  • Nastavte části textu v kontrastních barvách nebo v různých hodnotách.
  • Změňte zarovnání nebo mezery typu.
  • Používejte doplňkové, ale odlišné typy písma.

Slovo „láska“  v červených tiskových blocích

Strategické použití typografie ve vašem designu je umění samo o sobě. Naučte se principy kombinování písem, například omezení počtu typů na dva nebo tři.

Další kontrastní prvky

Mezi další prvky, které vytvářejí kontrast, patří textura, tvar, zarovnání, směr a pohyb. Klíčem je použít podstatný rozdíl. Změna velikosti písma, která je sotva patrná, nebo barvy, které mají příliš blízkou hodnotu, se mohou stát spíše chybou než pokusem o zdůraznění nebo zaujetí.

bezhlavá dívka s podpatky, vzhůru nohama, visící z okraje stolu

Použijte svou představivost a přijďte s dalšími způsoby, jak použít kontrast. Například:

  • Chcete-li odsadit vysoké, úzké sloupce textu, zahrňte široké nebo nepravidelně tvarované fotografie.
  • V sérii statických obrázků přidejte jeden zobrazující pohyb.
  • Vytvořte jeden prvek černobílého fotopopu přidáním barvy.

Kontrast může být přehnaný. Pokud vše kontrastuje se vším ostatním, skončíte s konkurenčními prvky, které čtenáře spíše zmatou, než pomohou. Buďte tedy opatrní při používání kontrastu.