WEBEVIZE
  • WEBY A ESHOPY
  • Blog
  • Kontakt

Blog Webevize

​Přiveďte na svět novou webovou prezentaci

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

22/2/2018

Comments

 
úvodní obrázek 15 trendů web designu v roce 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.
ukázka tučného písma
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ň. 
ukázka cinemagrafu
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.
ukázka brutalismu
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.
ukázka sytých barevných přechodů
​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.
ukázka barevných vrstev
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. 
ukázka pouhého textu
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.
ukázka ilustrace
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é.
ukázka ultra minimalismu
9. Duotone
Barevné schéma se dvěma studenými barevnými tóny, jako třeba stránky tohoto australského rádia.
ukázka duotone
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é.
ukázka horizontálního a vertikálního zarovnání textu
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.
ukázka tvarů a vzorů
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.
ukázka patkového písma
​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é. 
ukázka překrývání obrázků textem
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.
ukázka organických tvarů
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.
ukázka ručních a kreslených fontů
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]​
​

Comments

    Vytvořte si svůj web

    Začněte zdarma

    Sledujte nás

    Blog píše

    Autor David Kaplan
    David z Webevize
    ​david@webevize.cz

    Témata

    All
    Freebies
    Infografiky
    Novinky

    RSS Feed
Služby

​Návrh webu
Online vizitka
Domény
Soukromé registrace
E-maily na doméně
Aplikace na web
Webevize

​Blog
WorkSpace
​Nápověda
Press Kit
​Webevize Star
O nás

Kontakt
David z Webevize
​GDPR
Logo Webevize
Online nástroje pro online podnikání
​Webové stránky, e-shopy


​​​©   2023  Webevize        Podmínky       Soukromí       ●  Stav systémů
Aktualizace
  • WEBY A ESHOPY
  • Blog
  • Kontakt