5 způsobů, jak zvýšit kontrast ve vašem webovém designu
Chybí váš návrhový projekt tomuto speciálnímu popu? Pravděpodobně vám chybí dostatečný kontrast. Kontrast poskytuje rozlišení mezi prvky, díky čemuž každý vypadá individuálně, výrazněji a zvláštněji.
Kontrast designu se vytváří mnoha způsoby a využívá všechny různé typy prvků. Od typografie přes barvu až po prostor může vytvoření kontrastu trvat od designu až po páni. Zde je pět způsobů, jak to udělat.
Prozkoumejte prvky Envato
1. Dělej to větší (nebo menší)
Symetrie a řád může být pastí, pokud jde o vytvoření ohniska v designu. Příliš mnoho prvků se stejnou hmotností skončí vypadat stejně.
Snadným řešením je udělat jeden prvek podstatně větším nebo menším.
Položka, která se liší, se stává bezprostředním hříbě. Uživatel bude nakreslen do této oblasti plátna, protože se liší.
Zvětšení nebo zmenšení prvku, fotografie nebo textového bloku je více než jen fyzická velikost; je to také vizuální váha. Nejjednodušší způsob, jak to pochopit, je typografie. Podívejte se na obrázky výše. Obě slova mají stejnou „velikost“, ale všimněte si, jak mnohem větší váha má jedna z verzí. Tento kontrast je způsoben silnými versus tenkými tahy ve formě dopisů.
Stejný koncept můžete použít také na téměř jakýkoli jiný konstrukční prvek.
Podívejte se na webové stránky pro Little Flyers výše. Zvláštní pozornost věnujte textové navigaci v horní části stránky a tlačítkům ve spodní části obrazovky. Který text přitahuje vaše oko rychleji? Proč? Všechny typy jsou stejné velikosti, ale ošetření s krabicí uvnitř barevné fotografie způsobuje, že se zdá větší.
2. Přidejte malou texturu
S plochými a minimálními styly, které jsou v současné době dominantním hnacím prvkem v trendech designu, je textura méně běžná než kdysi. Stále to ale vidíte na mnoha místech, možná i bez toho, aby o tom přemýšleli.
Přechod z plochého prvku na cokoli s texturou, vzorem nebo trojrozměrným stylem pomůže vytvořit ohnisko. Ačkoli přidání textury na pozadí může být okamžitým řešením, může být použito i jinými způsoby.
Zvažte textový prvek s texturou. (To je docela populární u mnoha stylů vintage typografie.) Primární typy textury jsou drsné a hladké. Mohou spolupracovat navzájem nebo izolovaně, aby pomohli vytvořit vizuální zaměření. Při práci s tištěným designem můžete fyzicky přidat texturu podle typu použitého papíru, možností knihtisku a dalších metod publikování.
3. Změňte tvar
Podívejte se na obrázek výše. Co je první věc, kterou vidíš? Pro mě je to kruhový objekt s otazníkem uvnitř.
Víš proč? Na obrázku plném obdélníků je to jediný kruh. Rozdíl v objektu spočívá v tom, že vyniká. Skutečnost, že postava je vzhůru nohama, je také řidičem pozornosti. Změna tvaru nebo orientace prvku může mít okamžitý dopad.
Zkuste to příště, když se váš design bude cítit trochu plochý. Za okraje tlačítek. Vložte fotografii do kruhového rámečku, nikoli do obdélníku. Rozhodněte se pro vertikální fotografii. Použijte umístění, které je jen trochu mimo kilter.
Každá z těchto technik by vás mohla zpočátku trochu cítit nepříjemně. Pokračujte však v experimentování a hraní s možnostmi, dokud nezměníte stejný starý obdélník na něco trochu zajímavějšího.
4. Přidejte barvu (nebo ji vezměte)
Teorie barev je jedním z nejdůležitějších konceptů, které máte k dispozici. Změnou odstínů nebo přidáním nebo odstraněním barvy můžete změnit celkovou náladu návrhu. Barva může způsobit, že věci vypadají velké nebo malé, odvážné nebo utlumené. Trik k některým z nejúžasnějších barevných palet spočívá v použití kontrastu.
Nejjednodušší forma kontrastu začíná u barevného kolečka. Párování barev podél kola vede k různým kontrastním kombinacím:
- Doplňkové: Páry vysoké intenzity z protilehlých stran kola
- Triadic: Barvy rozmístěné v krocích po třetinách podél kola.
- Rozdělené komplementární: Barva a dvě barvy vedle komplementárního odstínu.
Existují i další možnosti barevného kontrastu, které fungují zvláště dobře, pokud již máte paletu barev a nevadí vám provádět jemné úpravy.
- Smíchejte teplé, chladné a neutrální barvy.
- Změňte základní barvu přidáním odstínů a tónů tak, aby se nasycení lišilo od barvy k barvě.
- Propletené světlé a tmavé barvy; myslet na to jako jin a jang.
- Přidejte prvky bez barvy. Černobílé akcenty mohou zdůraznit prostor v mnoha barvách; a barva může přidat kontrast k černé a bílé.
5. Udělejte něco neočekávaného
Neočekávaný tvar nebo detail může také přidat právě to správné množství kontrastu. Překvapením v designu je cokoli, co zcela neodpovídá všemu jinému, ale stále s ním pracuje v souladu.
Tyto prvky zahrnují:
- Prvek asymetrie v jinak symetrickém designu.
- Vizuální narážka, která vás provede designem, jako je intenzivní tvar nebo vzorec pro sledování očí, jaký se používá na webu Vibrant výše.
- Změna vzoru nebo opakujícího se prvku.
- Změna orientace nebo zarovnání prvku nebo textu, jako například v Animě (s písmenem „I“) výše.
- Změna umístění nebo velikosti jednoho prvku v řadě vizuálů.
- Jiný styl snímků, například změna z fotografií na ilustraci nebo náznak animace.
- Míchání složitých a jednoduchých vizuálních nebo typografických stylů.
Závěr
Pěkná věc na změně kontrastu mezi prvky je, že může poskytnout okamžitý dopad na návrhový projekt. Změnou vzhledu prvků můžete změnit vizuální zaměření a pomoci uživatelům vylepšit tu část designu, která je pro zprávu nejdůležitější.
Nedostatek kontrastu je častým a často snadno napravitelným problémem. Tolikrát, když uslyšíte obávaný „make it pop“ od klienta nebo spolupracovníka, opravdu se snaží říci, že by chtěli kontrastovat s designovými prvky. Nyní jste vyzbrojeni nástroji, které tuto výzvu přijmou.
