15 světových trendů web designu na rok 2018

Webový design se neustále vyvíjí. Co bylo včera moderní a trendy, se přes noc může zdát překonané, úplně out. Módní vlivy se zkrátka promítají i do oblasti webových stránek. Prohlédněte si 15 nových trendů, které doporučujeme pro letošní rok. Jsou cool. Příliv nejčerstvějších světových trendů vám pomůže při rozhodování, jaký design byste mohli/měli vybrat právě pro váš web.

Jaké jsou aktuální trendy web designu?

1. Tučné písmo
2. Cinemagraf
3. Brutalismus
4. Přechody v sytých barvách
5. Barevné plochy a vrstvy
6. Pouze text
7. Ilustrace
8. Ultra-minimalismus
9. Duotone
10. Horizontální a vertikální směr textu
11. Geometrické tvary a vzory
12. Patkové písmo
13. Texty zasahující do obrázků
14. Organické tvary
15. Ruční a kreslená písma​

1. Tučné písmo
Odvážná typografie a používání velkého tučného písma se těší stále větší oblibě. Tenhle styl nejlépe funguje, když zbytek stránky zůstane čistý a minimalistický. Hezkým příkladem je web brooklynské agentury Huge.

2. Cinemagraf
Cinemagrafy jsou videa ve vysokém rozlišení nebo GIF, které plynule běží v nekonečné smyčce. Skvělý způsob, jak dostanete na web dynamický pohyb a zvýšíte tak zájem o statickou stránku. Obrazové smyčky v plném formátu okamžitě přitáhnou pozornost návštěvníka. Jako například web dánské agentury CP+B Kodaň. 

3. Brutalismus
Jak vyniknout v záplavě přehledně strukturovaných webových stránek? Chcete se odlišit? Přední světoví návrháři porušili konvence a přinesli lehce agresivní alternativní designové prvky: asymetrie, nekomforní obraz, narušení hierarchie a pořádku. Je těžké to popsat slovy, ale když se podíváte na stránky návrháře oděvů Biannual, pochopíte, co se skrývá pod pojmem Brutalismus. Dalším zajímavým příkladem je třeba web společnosti Bloomberg.

4. Přechody v sytých barvách
Barevné gradienty byly loni skoro všude. Největší oblibě se těší modro-fialové varianty barevných přechodů. Agentura Y7K z Curychu je dobrou ukázkou moderního, svěžího dvou tónového gradientu. Je na plný formát a navíc s parádním efektem. Pohybujte myší a sledujte, co se bude dít. Skvěle navržená úvodní stránka.

​5. Barevné plochy a vrstvy
Barevné plochy vrstvené přes sebe přinášejí prostorovou hloubku a vytvářejí hezkou atmosféru i v jednoduchém rozvržení stránky. Podívejte se na web Melissou Meio-Fio ze São Paulo.

6. Pouze text
Hodně moderní a přehledný způsob předání informací návštěvníkům, je web s graficky upraveným textem. Žádné obrázky, žádné fotografie na úvodní stránce. Je to překvapivé, že? Designéři si tam hrají pouze s tvarem a velikostí písma. Například dánská agentura B14  jednoduše popisuje své poslání a přikládá odkazy na ukázky svých prací. Velmi originální přístup. 

7. Ilustrace
Stále žádanější jsou ilustrace na zakázku, které v jednotném stylu provázejí návštěvníka napříč hlavními stránkami v hlavním menu. Ilustrované obrázky promění web v opravdu živé médium, kde cítíte lidský dotek. Web se stává osobnějším a přitáhne svou pozornost. Půvabná ukázka je web NewActon od australské digitální agentury ED.

8. Ultra-minimalismus
​Klasický minimalismus vyhnaný do extrému. Tohle je odvážný design, který vyvrací všechny konvence o tom, jak má vypadat úvodní stránka. A jde, jak se říká, až na dřeň. Web designéra Mathieu Boulet s několika odkazy na jeho sociální profily. Rozhodně neobvyklé a přitažlivé.

9. Duotone
Barevné schéma se dvěma studenými barevnými tóny, jako třeba stránky tohoto australského rádia.

10. Horizontální a vertikální text
​Střídání horizontálního zarovnání textu a umístění neobvyklého vertikálně zarovnaného textu, osvěží vaši úvodní stránku. Mrkněte na web režiséra Matta Porterfielda, který skvěle kombinuje horizontální i vertikální uspořádání textu. Jednoduché a současně působivé.

11. Geometrické tvary a vzory
Kanadské projektové studio MSDS použilo na své homepage odvážné vzory. Nejrůznější tvary a vzory se objevují čím dál častěji. Přinášejí vkusný doplněk ke klasickým stránkám s materiál designem.

12. Patkové písmo
Řadu let se návrháři vyhýbali patkovému písmu, aby byly texty dobře čitelné. Víte proč? Důvodem bylo malé rozlišení zařízení, na kterých si lidé web prohlíželi. Dnes však tohle omezení padlo a zdá se, že přichází doba pro hojné užívání patkového písma. Vypadá moderně a přitom webu dodává styl, důstojnost, důvěryhodnost a sofistikovanost. Jako například stránky The Sill.

​13. Překrývání textu a obrázků
Máte blog nebo portfolio? Stále populárnější způsob, jak zaujmout, je text, který lehce překrývá doprovodné obrázky. Je to efektní. Nezávislý desginer a vývojář Thibault Pailloux všechny titulky podrthnul barevnou linkou. Skvělé, čisté a stylové. 

14. Organické tvary
V roce 2018 bude webový desing o zakřivených liniích a měkkých organických tvarech. Nekomplikovaný design a jemné barvy dodávají stránce Neobi hodně velkorysý look.

15. Ručně kreslené fonty
Ruční nebo kreslené fonty? Rozhodně ano! Pokud ho použijete pro titulek, okamžitě stránka získá osobní kouzlo. Nikdy ale nepoužívejte kreslené typy písma pro běžný text. Taková stránka nebude čitelná. Hezkou ukázkou je web festivalu KIKK.

Tohle byla exkurze do světové designérské kuchyně v roce 2018. Viděli jste 15 různých grafických stylů, kterými se můžete hned inspirovat. Nové trendy se v Čechách v praxi objevují zpravidla s několika měsíčním zpožděním. Co myslíte, jaké trendy budu letos nakonec nejžádanější? 

Z blogu Hubspot přeložil a lokalizoval David

​Přečtěte si také:
11 kreativních trendů v roce 2018
Zbavte se spamu ve vašem emailu. Jak? Soukromou registrací domény.
​Klávesové zkratky, které by měl znát každý expert na sociální sítě [infografika]​
​