Konec plochého designu?
Posledních pár let webdesignu je ve znamení plochého (flat designu) a materiálového, který známe zejména díky společnosti Google. Tyto typy designu spojují minimalismus, responzivita, použití v aplikacích na mobilních zařízeních, sjednocování prvků a chování uživatelského rozhraní.
Nyní se zdá, že je designérská i uživatelská komunita již přesycena tou spoustou podobných webových prezentací. Z webdesignu se začíná vytrácet rozmanitost. To určitě není na škodu u uživatelské zkušenosti webových aplikačních rozhraních. Od webdesignu se ale vedle funkčnosti očekává i kreativita, jedinečnost, odlišení od konkurence.
Proto lze očekávat, že již v roce 2017 začneme pozorovat stále častěji nové layouty webů, postavených např. na překrývání typografických a grafických elementů, asymetrii (známé z tiskovin), otevřených kompozic s volně zavěšenými elementy. Do módy přichází i retro design inspirovaný osmibitovými pc hrami či plakáty a ilustracemi v rustikálním nebo secesním stylu.
Důraz na obsah
Výše napsané ovšem nemusí znamenat ústup od minimalismu. Jasným trendem dneška je důraz na obsah, který je obvykle hlavním důvodem proč lidé web navštěvují. Ostatní prvky mohou zabírat méně místa (ikony, panely, bannery, …). Úvodní stránka se redukuje na několik málo prvků sdělení a další obsah je až po rolování dolů (rolování je dnes již samozřejmé).
Stále větší popularitu mají landing pages (přistávací stránky), které jsou spojené s online marketingem a soustředí na specifické uživatele. Posílen tak bude design personalizovaný v mnoha ohledech (obsah, chování, layout, …).
Změn se dočká také navigace, která se z tradičního umístění v záhlaví stále častěji umisťuje na stranu či spodek obrazovky (např. ve stylu hamburgerového menu). Nesmí se ale zapomenout na to, že nabídka je primárním prvkem stránky. Je potřeba upřednostnit funkčnost a intuitivnost.
Přechody hlásí comeback :)
Ve webových prezentacích se častěji objevují rozmanitější, jasnější a výraznější barvy. Comeback slaví použití gradientů, přičemž v módě jsou zejména duotóny, či kombinace dvou, tří barev s duotónovým efektem, obvykle použité k překrytí fotografie.
Zdrojem trendových barvových palet jsou weby jako www.materialpalette.com či www.materialui.co, jež poskytují palety spojené s materiálovým designem. Jinými tendencemi může být příklon k přirozeným, neutrálním sadám odstínů odvozených z reálného světa, či webové prezentace v tmavších odstínech.
Velká výrazná, kreativní typografie
Novým trendem webové typografie je použití velkých, výrazných nadpisů a sdělení. K dosažení efektu se nemusí používat tučné fonty, trendem je spíše vymezení významné části obrazovky pro daný text. I pro základní text webových prezentací se používají větší velikosti.
Oproti dosavadním trendům, kdy na webu převažovali bezpatkové fonty, nyní přibývá designů, které se snaží tvůrčím způsobem kombinovat bezpatkové fotny (Futura, Proxima, Nove, Poppins, Montserrat, …) s patkovými (Bodoni, Didot, …).
Více grafických prvků
Nové webové layouty by měli obsahovat stále více rozmanitější pozadí, geometrické tvary, čáry a vzory. Přibývá tak například využití čerchování, pruhů, podtržení, oddělovačů, tečkování či digitálního šumu. Inovace lze pozorovat i v případě layoutu tlačítek, která nyní mají podobu např. textu uvozeného podtržítkem, či jsou po přejezdu kurzorem animována v pozadí. Tendencí je také zvyšování ručně kreslených prvků.
Video, cinemagrafy, animace
Video se stále více používá jako součást webové kompozice, často jako celostránkové video v pozadí. Je zde ale potřeba brát ohled na to, že opakované věci se stávají nudné či otravné. Je také potřeba brát v potaz hardwarovou zátěž a datové nároky na přenos videa.
Zajímavým prvkem jsou cinemagrafy (postavené na videu, nebo GIF). Jsou to statické fotografie doplněné opakovaným pohybem (na stránce www.flixel.com najdete rozsáhlou galerii cinemagrafů spolu s nástroji pro jejich tvorbu).
Takřka samozřejmosti je dnes použití animovaného preloaderu webové stránky, mikrointerakce při akcích (např. najetí kurzorem či kliknutí), nebo animovaných přechodů mezi stránkami. Flash se v případě webových prezentací stává minulosti, namísto toho vstoupá vzhůru obliba HTML5 animace postavené na JavaScriptu a CSS3. Stále více je také používán prehistorický formát GIF, nebo animace postavené na vektorovém formátu SVG.
Konverzační rozhraní
Stále větší význam ve webových prezentacích a aplikacích mají různá rozhraní pro konverzaci (např. testový chat). Stále více se nasazují sofistikované konverzační automaty. Zásadní místo má tento typ konverzace zejména v případě sociálních sítí, online nakupovaní a zákaznické podpory.
Závěrem…
Při tvorbě tohoto článku jsem vycházel z článku pana Richarda Krejčího „Webdesign v roce 2017: trendy a inovace“ z časopisu FONT číslo 151 www.font.cz. Původní článek byl zkrácen a upraven, takže pokud Vás zajímají podrobnější informace, určitě doporučuji přečíst originál.
V případě tvorby webových prezentací, v našem webovém oddělení, se ještě nějaký ten čas budeme věnovat standardním stylům webdesignu, už jen z toho důvodu, že samotní klienti nejsou na tyto inovace zvyklí, jelikož nejsou ještě běžné. Určitě je ale dobré vědět co je „in“ a neusnout na vavřínech. :)
A co Vy? Jste spokojeni s designem Vašeho webu?
Pojďme to probrat osobně!
Sjednejte si schůzku Otestujte si web Navštivte seminář
