Barvy a vrstvy. Tato dvojice konstrukčních prvků byla hnací silou mnoha trendů roku. Zatímco jsme neviděli nic převzít, jako plochý design před několika lety nebo více nedávno Material Design, prvky obou stylů tlačí návrháře k prozkoumání nových věcí.

Jak volba barev, tak vrstvení vypadají, že mají kořeny v těch větších trendech a jsou používány v konstrukčních schématech dokonce i bez úplné rovinné nebo materiálové estetiky. Zde je to, co je v tomto měsíci trendem:

1. Spousta vrstvených prvků

Vrstvené prvky a trojrozměrné efekty jsou nezbytnou technikou v 2D webovém prostoru. Díky technikám zábavy a dokonce lepšímu způsobu, jakým se zavádí především materiálový design, se vrstevnaté prvky objevují v projektech všech typů.

Co je zvláště pěkné, je to, že web poskytuje realističtější pocit. Uživatel se může téměř dotknout a uchopit prvky na obrazovce. (A to je dobrá věc!) Trik je, že každá vrstva by měla vypadat skutečně a lehce a vrstvy vypadají přirozeně.

Zde je několik způsobů, jak začít experimentovat s vrstvami ve vašich projekčních projektech:

  • "Zvedněte" prvky z pozadí jednoduchým stínem nebo animací. Olle dělá to s několika prvky v různých rovinách, ale všichni táhnou dohromady a vypadají přirozeně.
  • Povolit protínání prvků. Text může přecházet do prostoru obsazeného obrazem.
  • Funkce procházení Parallaxem jsou zajímavým způsobem, jak vytvořit vrstvené prvky (popředí, které se pohybují na pozadí), aniž by byly příliš ohromující.
  • Používejte geometrické tvary, animace a barevné variace, které napodobují hloubku v návrhu. Uživatelé by měli mít pocit, že mohou téměř spadnout do vizuální podoby, jako je zkušenost zřízená Odstranit agenturu .
  • Vytvářejte vrstvy tím, že vyjdete z plátna, s prvky, které přesahují pozadí nebo okraj obrazovky.
  • Umožněte, aby prvky ležely na povrchu texturovaného pozadí a vytvořili tak odstup mezi horní vrstvou (kterou si uživatelé mohou představit, že se skutečně dotýkají) a vrstvou pozadí.
olle
vymazat
příze

2. Tmavé barvy

Na chvíli se zdálo, že každá webová stránka je minimalistickým ideálem, včetně jasného bílého pozadí. Tento trend se posunul, jelikož se objevují jako tzv. Oblíbené návrhy více tmavých barev.

A z dobrého důvodu. Pěkná tmavá barevná schéma může být pozorná a není tak drsná pro oči některých uživatelů jako jasně bílá. Naopak, tmavá estetika může být trochu obtížnější, pokud je text malý nebo na menších obrazovkách (takže věnujte zvláštní pozornost tomu, jak se prvky vykreslují v mobilních zařízeních).

Prvky, které skutečně vystupují na tmavých barvách, zahrnují použití skvělého videa a animace, i když je těžko rozpoznatelné; odvážnou bílou typografii, objevuje se jasná barva až po přízvuk výzvy k akci nebo důležité informace a odpovídající celkovou náladu.

Nezapomeňte také, že temnota vždy neznamená černou barvu. Tmavé barevné schémata mohou být zakořeněny v různých barvách od červených až po blues až po zelené. Zatímco černé volby jsou nejběžnější, je důležité vybrat bohatou čerň, která je vyrobena z různých barevných kombinací. Plochá černá (nebo "K černá", jak ji nazývají ti návrháři tisku) nechá něco v designu webových stránek.

Při práci s tmavými barvami je třeba věnovat zvláštní pozornost tomu, aby mezi jednotlivými prvky existoval správný kontrast a barvy a obrazy se neztrácejí uvnitř temné povahy designu. Bílá může být dobrá volba, stejně jako jiné primární barvy s množstvím jasu nebo sytosti. Nezapomeňte přemýšlet o kontrastu velikosti. Při práci s temným rámcem zvážte nárůst velikosti všech textových prvků o 10 až 20 procent, abyste zajistili čitelnost.

velvyslanec
konvoj
kabáty

3. Stoupání způsobují návrat

Gradient - jedna z technik, která se vyhýbá plochému designu - je návrat. (A je to dokonce i ve většině plochých vzorů.)

Přechody fungují, protože dělají něco, o čem mnozí lidé mysleli, že plochý design postrádá, což pomáhá vytvářet a vytvářet hloubku. Co je nového s gradienty tentokrát je, že nejsou zvyklí napodobovat textury nebo bez účelu. Dnešní trend se zaměřuje na jasné barevné přechody, které zdůrazňují obsah. Z celoplošného gradientu překrývají pozadí, téměř všechno se děje, pokud jde o techniku ​​... pokud je tučné.

Návrháři nejvíce využívají náskok přechodu několika různými způsoby:

  • Gradient - páry "plochých barev" kombinují oba návrhové nápady pro odvážný vzhled, jako je například webová stránka pro WPcrew .
  • Dvoutónové přechody jsou zábavné barevné překryvy, které přinášejí zájem o fotografii, která může být trochu chybějící, nebo přidat hloubku na pozadí.
  • Zatímco mnohé z těchto přechodů se zdají být v širším měřítku, používají se i pro menší prvky, jako jsou tlačítka nebo upozornění na konkrétní obsah.

Existuje ještě několik sklonů, které je třeba zvažovat. (Protože nechcete, aby design vypadal tak, jak vyskočil z roku 2012!)

  • Buďte opatrní malými přechody. Použití v ikonách se stále nedoporučuje.
  • Nezajímajte obsah. Překrytí gradientu na fotografii může být hezké (prostě přemýšlejte o některých skvělých efektech, které funkce Spotify pravidelně), ale fotografie je stále třeba rozpoznat.
  • Tučné barevné gradienty mají tendenci mít lehký, veselý pocit. Ujistěte se, že toto oko s vaším obsahem.
  • Věnujte pozornost barevným kombinacím a kontrastu, pokud jde o čitelnost. Některé přechody mohou získat světlý a bílý text může představovat problém. Ujistěte se, že testujete čitelnost barev, různých citlivých zlomových bodů a zařízení s více rozměry. (S přechody mohou problémy s čitelností někdy vyskakovat na místech, která byste nečekali.)
wpcrew
vítěz
interaktivní

Závěr

V designu není nic bližší než barva. Trendy v barvě jsou hezké, protože jsou prvky, které můžete přidat do téměř jakéhokoli stylu designu bez celkové opravy. Totéž platí pro vrstvené prvky. Jedná se o techniku, která může být přidána k existujícímu designu, aby získala modernější pocit.

Jaké trendy teď milujete (nebo nenávidíte)? Ráda bych viděla některé webové stránky, které vás fascinují. Pusť mi odkaz na Twitteru ; Ráda bych vás slyšela.