10 web design trendů v roce 2020

Image for post
Image for post
by sdmk.design

Rychlý technologický pokrok přináší do oblasti designových efektů mnoho nových možností a trendů. Technologická a designérská studia, zaměřená na digitální produkty musí trendy sledovat, studovat a neustále se přizpůsobovat.

Přinášíme Vám 10 web design trendů, které budou v roce 2020 v kurzu!

1. V nedokonalosti je krása. Kreativní layouty a elementy.

Image for post
Image for post
Credit: The Second life of the Food Animation by Zhenya Rynzhuk
Image for post
Image for post
Credit: Si™ Reconnect — Image Hover Animation by Shaban Iddrisu™
Image for post
Image for post
Credit: Birdie Fashion Store Categories Page Animation by Sochnik

Nevšední styly pracující s nedokonalostmi dávají designovému layoutu osobnost. I to je způsob, jak si držet odstup od „klasického” web designu. Perfektně promyšlené, na míru vytvořené efekty a elementy dávají celkovému layoutu ten správný drive.

Ručně malované ikony, fonty a tvary dávají web designu srdce, pozitivní emoce a duši. Jedinečné prvky navíc ukazují osobnost značky. Tím se mohou designy webů jednoduše a elegantně odlišit od konkurence. Pro tvorbu přesvědčivého a padnoucího designu je však nutná velmi dobrá znalost značky, pro kterou je takový styl použitý. Je nutné si být jistý, že budou takto emočně naladění i zákazníci/uživatelé.

Tento trend se začal objevovat již v loňském roce a pro jeho značnou popularitu očekáváme jeho růst v tomto i a následujícím roce. Můžeme očekávat, že se bude objevovat častěji u mnoha dalších tvůrců.

2. 3D grafika

Image for post
Image for post
Credit: Harrah’s Casino- Hotel Room Loop by Peter Tarka
Image for post
Image for post
Credit: by Peter Tarka
Image for post
Image for post
Credit: Christmas Collisions by 𝔅𝔢𝔰𝔱𝔖𝔢𝔯𝔳𝔢𝔡𝔅𝔬𝔩𝔡

„3Déčko” populární bylo a nadále i bude. Dnešní technologie však dovoluje 3D grafiku využívat na webu jinak než dříve a to především jako animace nebo interaktivní elementy či AR komponenty.

Statická 3D grafika se ukazuje i pro letošek jako opět populární řešení. Výhodou oproti fotografii nebo 2D grafice je perfektní detail.

Především jsou „in” pastelové barvy a měkké stínování.

TIP: Naši sousedé ze Slovenska vytvořili skvělý nástroj na tvorbu 3D grafiky. Jmenuje se VECTARY. Doporučujeme!

3. Moderní dashboardy

Image for post
Image for post
Credit: Linglee — Languages learning platform by Aga Ciurysek
Image for post
Image for post
Credit: Airnow — Proxy by Anton Avilov

Dashboard je trochu jiná disciplína, ale pořád patří do světa webového designu. U navrhování dashboardů a webových aplikací je nutná velmi dobrá znalost UX (mimo jiné). Pokud k této dovednosti ještě připojíme kreativní cit pro krásné UI, tak mohou vzniknout velmi pěkná řešení, se kterými bude koncový uživatel pracovat s radostí.

4. Ilustrace a infografiky

Image for post
Image for post
Credit: Billion delivery product page animation illustration by Taras Migulko
Image for post
Image for post
Credit: Careers — Website Banner — Illustration Concept by Tran Mau Tri Tam ✪

Ilustrace začaly být populární v roce 2017 a budou stále i v roce 2020.

Weboví designéři je využívají z mnoha důvodů. Například aby podpořili branding společnosti. Ilustrace mohou zajistit unikátní uživatelský pocit
z webu. Web pak uživatelům snadno předává potřebné emoce.

Umělecké ilustrace také zvyšují hybnost celého webu. Web vypadá a je cítit autentičností, není nucený ani rozmarný. Lineární ilustrace mohou také velmi dobře vyprávět příběhy.

V neposlední řadě umí ilustrace vysvětlit danou problematiku
nebo prezentovat nějaký proces. Což se ukazuje jako populární trend, který nám asi ještě chvilku vydrží.

5. Obří navigace stále v kurzu

Image for post
Image for post
Credit: Hotel Pacai Room Selection by Nathan Riley
Image for post
Image for post
Credit: Foundation Marketplace Menu Hover Animation by Zhenya Rynzhuk

Designéři dnes zjednodušují užiteskou interakci víc a víc. Popularita minimalistického stylu působí transformačně i na funkční prvky webu. Tento trend bude stále silnější i díky náročnějším a edukovaným uživatelům. Hodně pozornosti se věnuje audio a video interakčním prvkům. Ve snaze odstranit přebytečné elementy, vytvářejí profesionálové nové minimalistické styly pro menu. Weboví designéři odstraňují standardní prvky a rekomponují je do kompaktních hamburgerů a podobných elementů.

Z jednoho místa mohou uživatelé přejít do celého menu, což může vytvořit nový uživatelský standard.

Často se klade důraz na velkou typografii s dobře vybraným fontem a dobrým kontrastem.

6. Velké písmo. Typografie je design!

Image for post
Image for post
Credit: Pet food website design by Dannniel
Image for post
Image for post
Credit: Modernist Products by Marijana Grbovic
Image for post
Image for post
Credit: Motion Exercise — N°001 by Bastien Allard

Prezentovat informace i vizuální části webu pomocí velkého písma letí. Použití tučného a velkého písma je v roce 2020 velkým trendem.

Velká typografie zaujme pozornost uživatele a podpoří další webové efekty a elementy. Také usnadní dostat informace do popředí.

Velká písmena se snáze čtou, což může vést ke zvýšení užitnosti webové stránky. Je tak i jednodušší navigovat uživatele skrze web, aby nalezl správné informace. Rychlost je pro uživatele klíčová a s velkou typografií mohou designéři snadno dosáhnout požadovaných cílů.

Zkrátka, písmo je a bylo součástí dobrého designu. Práce s typografií je pro web design zásadní.

7. Asymetrické layouty

Image for post
Image for post
Credit: Draggable Menu with Image Grid Previews by Mary Lou
Image for post
Image for post
Credit: 1996 Fan Time Store Women Collection by Zhenya Rynzhuk

Systém rozložení webu (gridu) býval založený na klasických 12 a 16 sloupcových layoutech. Ale asymetrický layout dává svobodu napříč skládání elementů. Tento trendy efekt umožňuje designérům nové příležitosti pro vyjádření stylu brandu.

Vlastníci stránek, kteří chtějí být originální a něčím vystupovat z řady, začínají implementovat asymetrické layouty a designéři používají nepravidelné gridové techniky, které umisťují elementy „chaoticky”. To otevírá širší možnosti pro kreativitu.

Zajímavou metodu tak přináší třeba css grid. https://gridbyexample.com/examples/

Tento trend možná vypadá chaoticky, ale designéři cítí jak komponovat systém s chaotickými elementy a ve výsledku web vypadá harmonicky.

8. Nevšední e-commerce a produktové weby

Image for post
Image for post
Credit: Norcal board shop concept by Nick Herasimenka
Image for post
Image for post
Image for post
Image for post
Credit: Decoore Interior — Website concept by Mehmet Özsoy

Netradiční zpracování produktových stránek a posílení příběhů značek.

I v letošním roce bude sílit potřeba odlišit se od ostatních a to především vizuálně. Převážně u produktových webů. Designéři se také snaží více vizuálně podpořit příběh, který za produktem stojí.

Udržitelnost, kvalita zpracování a inovativní přístup budou pro designéry hlavními tématy.

K tomu neodmyslitelně patří i skvělý branding.

10. Parallax Scrolling není mrkev! :-)

Image for post
Image for post
Credit: Calendar UI Interaction by Daniel Tan
Image for post
Image for post
Credit: K R A I by Zak Steele-Eklund

Parallax Scrolling je webdesignová technika, kde se zadní vrstvy pohybují pomaleji než vrstvy přední. Není to sice úplná novinka, ale tento trend se drží zuby nehty a mezi designéry má stále své příznivce.Tento efekt dovoluje vyprávět designérům příběhy. Storytelling přináší s tímto animačním směrem novou úroveň zpracování . Použití parallaxu může být jak horizontální, tak vertikální.

Jednoduchým schrollováním uživatelé vidí celý layout. Není zde potřeba nic dalšího otevírat a klikat. Je to jednoduché a jak bylo již zmíněno, pořád trendy.

S parallaxem se tedy budeme setkávat i v roce letošním.

_________________________________________________________________

Shrnutí

Webové trendy se díky technologiím nadále posouvají mílovými kroky. Paleta současných možností je velmi pestrá a i my v SDMK Design se neustále inspirujeme a vzděláváme abychom nezůstávali pozadu.

Dejte nám vědět, jak se Vám článek líbí.

_________________________________________________________________

Chcete pomoc s návrhem vašeho webu nebo aplikace?

Neváhejte se na nás obrátit hello@sdmk.design

Čím se primárně zabýváme?

- User Experience Design (UX)

- Graphic Interface Design (UI)

- Tvorba firemních identit a brandingu

- Výzkum a testování, evaluace

- 2D/3D Grafika a postprodukce

- Ostatní řešení na míru (VR/AR)

We are creative design studio based in Prague, Czech Republic.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store