3 Trendy základního návrhu, září 2017
Někdy se můžete podívat na nové projekty webových stránek a zjistit, co si myslí návrháři. Můžete cítit náladu. Tento měsíc trendy odrážejí tento koncept s odvážnými barvami, kolaps tradičního stylu hlavičky hrdiny, který byl na chvíli populární a temné animované vzory, které jsou jen trochu tajemné.
Co myslíš? Jste připraveni na tenčí typografické možnosti, podrobnější detaily a loga ve stylu ikon? Možná byste se mohli podívat na některé z těchto projektů.
Zde je to, co je v tomto měsíci trendem:
1. Duhové barvy
Když uslyšíte "barvy duhových", první věc, která vám přichází na mysli, pravděpodobně není dobrý design. Existuje příliš mnoho okázalých příkladů svěžích projektů s paletami barev s duhovou tematikou, které jsou ohromující a, upřímně řečeno, konstrukční katastrofy.
Dnešní barvy duhové jsou nešťastné. Jsou elegantní, jednoduché a poskytují jen to správné množství barvy překvapivému počtu projektů. Rainbow palety nejsou určeny pouze pro malé webové stránky; velké značky včetně Konference Github Universe , Jihozápadní aerolinky a Londýnská gramatika 'S Spotify kanál využívají zajímavé vzory duhy.
Ještě zajímavější je, že každý design používá stejný barevný koncept různými způsoby.
- Elementy duhových textů v tmavém estetickém prostředí: Github používá jednoduchou tmavou estetiku s prvky duhového textu a prvků uživatelského rozhraní pro čerpání oka z klíčových informací (např. Datum) do hlavní výzvy k akci (prodej jízdenek). Duhový gradient je jednoduchý a jemný, zatímco vytváří náladu příležitostí a optimismu. Toto se jeví jako správná kombinace, která povzbuzuje uživatele k registraci na konferenci.
- Společnost Southwest Airlines podniká další přístup s prvky duhového pozadí a text vyplňuje lehčí kontejnerový prvek. Duální přízvuk poskytuje vizuální referenční bod pro místo, které má obsah, který by mohl být považován za nudný. Barva dává případové studii trochu víc života, aby pomohla podpořit kliknutí.
- Londýnská gramatika využívá obří kouzlo dúha, které uživatelům přivádí do spolupráce se Spotify. Rainbow blob se posune a pohybuje se pomalou animací, která se cítí jako gel ve vodě. Barvy se pohybují a sloučí a je to něco, na co byste se mohli dívat celý den, pokud si nejste opatrní. Také je zajímavý aspekt gamifikace barevného prvku, ale barva je rozhodujícím fakt, co v první řadě přitahuje uživatele.
2. Sbalte hlavičku hrdiny
Překročení hlavičky fotografů nebo posuvníků hrdiny je proletářské webové stránky již řadu let. Existuje však tendence se dostat pryč od vzoru s tím, že více návrhářů se rozhodne pro minimální nad strukturou svitek s více prvky a méně konstrukcí.
Výsledkem se zdá být trend s větším počtem bílých nebo lehkých záhlaví, které mají kolem sebe vznášející se části. Tento trend má poněkud smíšené recenze. Některé vizuály jsou zajímavé, ale celkově se zdá, že existuje celkový nedostatek kontaktních míst pro uživatele a jasně definovaný soubor opatření.
Co je pěkné při zhroucení hlavičky hrdiny, je, že minimální přístup umožňuje uživatelům vypadat. Je to jiné. Otázka spočívá v tom, zda existuje dostatek zpráv, které by mohly naplňovat svůj zájem, nebo zda uživatelé budou pozitivně reagovat na méně vizuální zkušenosti s webovými stránkami.
Je to trend sledování, protože to je pravděpodobné v raných fázích evoluce. Návrháři jsou připraveni udělat něco jiného s vrcholy stránek (a pochopitelně tak). Tato iterace projektů je jen prvním krokem k něčemu novému. Někteří návrháři mohou být narušeni zvláštní kombinací nebo částí prvků nad svitek ve většině těchto koncepcí designu dosud. Zůstává zřejmé, kam jde tento trend dále, ale stojí za to mít jistotu.
3. Tmavé animované vzory
To může být nejúžasnější trend v návrhu webových stránek právě teď: Tmavé animované efekty jsou navrženy na tmavých barvách. Tmavý na tmavém konceptu je záhadný, vizuálně zajímavý a skutečně umožňuje uživateli vypadat a zapojit se do designu.
Navíc může fungovat tolika různými způsoby. Neexistuje žádný soubor velikosti nebo typu animace nebo efekt. Každý z níže uvedených příkladů používá tmavé animované efekty různými způsoby, které všechny povzbuzují nějakou interakci od automatizovaného přesunu k myší přes efekty až k zábleskům překvapení (budete muset kliknout na odkazy, abyste zjistili, že jeden).
Zatímco tyto návrhy vypadají opravdu cool, mohou představovat i některé výzvy. Ne všichni uživatelé mají zájem o tak temnou estetiku. Může se stát, že nebude fungovat ve všech podmínkách prostředí. Tyto návrhy určitě vypadají a fungují lépe na plošných obrazovkách než menší zařízení.
Designový trend však má místo pro návrháře, kteří chtějí vytvořit něco trochu jiného, s určitou náladou a trendy.
Je zde také něco o kombinacích tmavých odstínů, aniž by bylo spousta barvy, které vás jen kreslí. (Je to trochu nevysvětlitelné.)
Chcete-li co nejvíce využít temnotu v temném trendu, ujistěte se, že v tmavých odstínech používáte dostatek rozptylu, abyste se ujistili, že prvky jsou viditelné a že pohyby jsou zřetelné. Použijte bohatou černou barvu s množstvím podtónů pro nastavení správné nálady pro každý projekt.
Zatímco níže uvedené příklady úplně postrádají barvu, zvážte kontrastní odstín jiný než bílý pro klíčové body důrazu. (Barevné tlačítko výzvy k akci by skutečně vyčnívalo s množstvím kontrastu, které všechny černé snímky poskytují.)
Druhou obvyklostí tohoto trendu je jednoduchost použitých animací. Žádný z těchto hnutí není příliš složitý. Je to tak jednoduché a racionální jako barevná paleta, která je klíčovým přispěvatelem k celkovému úspěchu designového trendu.
Závěr
Změny v používání barev, které jsou prezentovány trendy tohoto měsíce, jsou zajímavé a účinné. Duha barvy jsou hodně zábavné a povznášející, zatímco minimální bílé a tmavé vzory poskytují dostatek místa pro introspekci a reflexi. Možnosti barev se skutečně spojují s tím, jak se projektanti cítí v projektu.
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.