Design Trend: Mono Gradienty
Monotónní barevné palety byly vždy populární. Je to klasické barevné schéma, které nikdy nevyjde z módy. V poslední době jsme viděli, že v tomto stylu dominuje spousta bílých nebo tmavých monotónních palet.
Ale je tu nový pohled na monotónní barvy, které jsou trendy: mono přechody. Zde je pohled na trend a to, jak ho návrháři využívají.
Sdílíme různé příklady mono přechodů v akci a sdílíme tipy, jak je můžete použít ve svých vlastních návrzích.
Co je Mono Gradient?
Mono přechody jsou pouze rozšířením používání monotónní barevné palety.
Dvě barvy, které jsou v odstínu a nasycení podobné, se používají k vytvoření vyblednutí, které lze použít v návrhu. Černobílý gradient může být jemný, například dvě modré, které téměř nevidíte blednutí, nebo výraznější, jako je červený až fialový gradient výše.
Mono přechody jsou rozšířením dvou trendů - monotónních barevných palet a použití gradientů. Je to téměř přirozený vývoj těchto trendů designu. A výsledek může být docela ohromující!
Tradiční monotónní
Tradiční monotónní gradient je blednutí mezi podobnými barvami. (Kliknutím na příklad z výše uvedených čtyřúhelníků zobrazíte čtyři různé přechody mono - červený, modrý, zelený a růžový.)
Krása v tomto jednoduchém přechodu je jemnost. V závislosti na variacích odstínů může být přechod tak měkký, že si jej nebudete moci všimnout na první pohled. (A to je v pořádku.)
Tento styl mono přechodu může pracovat pro spoustu věcí od barvy pozadí po vyplnění tlačítka.
Více přechodů mono
Mono přechody mohou být dostatečně zajímavé, aby se spojily a navrstvily v designu.
Ve výše uvedeném příkladu používá Danki mono gradient dvěma způsoby.
- Jako přízvuk s mono gradientem pro zvýraznění klíčových slov a frází v textu
- S efektem přetisku vytváří více stupňů barev s černým přechodem
Obě použití mají nádhernou jednoduchost, která je zajímavá a nepřekonává uživatele. (Výběr zelené barvy je také výjimečně pěkný.)
Mono gradient jako přízvuk
Prvek mono přechodu může být doplňkovým přízvukem v plně monotónním barevném schématu.
EPR Solutions to provádí s modrým designem, který zahrnuje mono gradient uvnitř obrazovky tabletu. Mono gradient pomáhá čerpat oko s trochou zvláštní barvy - a také pohybem v tomto příkladu - k vytvoření toku skrz design.
Tento design používá stejný koncept s jinými barvami v celém svitku. (Určitě byste se měli podívat, různá použití mono přechodů - černá a fialová - jsou výjimečně dobře odvedena.)
Mono Gradient Overlay
Překryvné přechody byly trendem jejich vlastní najednou. Mnoho z těchto návrhů obsahovalo jasné odstíny s téměř duhovým stylem.
Dnešní překrytí přechodu je jemnější s černobílým schématem - i když jsou odstíny světlé, jako je výše uvedený příklad.
Tento styl mono přechodu může fungovat jako překryv celého obrázku nebo pro menší části, jak vidíte zde. Při tomto posouvání používá tento design překrytí přechodu pro další úplné fotografie, aby vytvořil dojem.
Na překryvné fólii s mono přechodem je příjemné, že může přidat trochu více popu k fotografiím, které pro design příliš nevedou; může vytvořit zřetelnou dráhu pro sledování očí s barvou a pomoci svázat značku s událostí nebo novým designem.
A je to zábava. Hrajte s různými barvami značky pro překrytí přechodu s fotografiemi nebo videy ve vašem designu.
Mono gradient s animací
Může to znít jako hodně probíhající najednou - monotónní gradient a animace. Ale můžete to udělat.
Ve výše uvedeném příkladu je mono gradient bledě žlutý, který mizí v bílém pozadí. Otáčí se a má uprostřed pulzující žluté překrytí. I když se zde děje mnoho věcí, výběr barev zachrání design.
Protože žlutá je měkká a zbytek designu je velmi jednoduchý, vůbec vás nepřekoná.
Mono přechodu pozadí
Pokud jde o barevné schéma pozadí, přechody nejsou nejjednodušší. To je často způsobeno změnami barvy, které mohou ztěžovat čtení prvků v popředí (zejména text).
Tento problém řeší mono gradient. Použití monotónní palety zajistí, že pozadí bude mít tmavý nebo světlý dojem, takže kontrastní text v popředí bude mnohem snadnější přizpůsobit.
Získáte vizuální zájem přechodu bez výzvy čitelnosti.
Luc Hohler to dělá skvělou práci se svým portfoliem webových stránek výše. Monotónní přechodové bloky vytvářejí pěkný vzor na pozadí, který má větší hloubku, než kdyby měl možnosti jediného mono přechodu pro celé plátno.
Skoro-Mono Gradient
Nemůžete nechat ujít gradienty pro Arbitraera.
Barvy se do sebe přirozeně vypouštělyOranžový až červený gradient není úplně mono, ale je blízko. (Pokračujte v rolování a design nabízí několik párů s téměř sklonem.)
Je to trochu odvážnější než některé z výše uvedených čistě mono možností, ale není v takovém stylu duhy, který jsme také viděli.
To, co udržuje toto barevné schéma v rodině mono gradientu, je použití barev, které jsou na barevném kolečku blízko a mají podobné nasycení. Barvy do sebe přirozeně krvácely, jak byste očekávali u jakéhokoli jiného mono přechodu.
Tato možnost může být o něco náročnější, protože možná budete muset použít barvy mimo paletu vaší značky nebo zvážit, jak začlenit další prvky do výraznějších odstínů. Jak ukazuje tento design, pěkně to funguje s minimalističtějším designem, který nemá jinde mnoho barev. (To lze říci o mnoha stylech mono přechodu.)
Závěr
Mono přechody jsou zábavným trendem designu, který právě teď vidíme mnoho. Existuje mnoho způsobů, jak je používat.
Zejména při souhrnném pohledu na tyto návrhy je to, že mnoho z nich neobsahuje další prvky umění (obrázky, videa nebo ilustrace). Tato technika je ve většině případů dostatečně silná, aby stála sama o sobě, a může být dobrým řešením, pokud uvažujete o projektu bez umění.
