hammeragency.sk
Skip to main content

Vo svete smart zariadení sme si zvykli na to, že používateľské rozhrania sa čas od času menia. Aké trendy sme doteraz videli a kam sme sa dostali dnes? Tento článok sa na ne pozrie postupne.

Grafické rozhrania sa nevyvíjajú len kvôli trendom, ale prispôsobujú sa aj návykom používateľov. Spočiatku prevládal realistický dizajn pripomínajúci skutočné materiály, aby digitálne prostredia pôsobili čo najviac ako reálne objekty. Neskôr prišiel flat dizajn, potom glassmorphism, neumorphism a napokon Liquid Glass. Podstata však zostala rovnaká: prehľadnosť, rýchlosť, zážitok z značky a vizuálne pútavé rozhranie.

Skeuomorfizmus

Cieľom skeuomorfného prístupu je, aby digitálne prvky pôsobili ako skutočné objekty – koža, drevo, kovové textúry, svetlo a tieň, skosené tlačidlá. Jeho hlavnou výhodou je ľahšie osvojovanie, keďže vychádza zo známych metafor. Nevýhodou však môže byť vizuálne preťaženie a dojem „zastaraného“ vzhľadu.

Flat dizajn

Flat dizajn uprednostňuje dvojrozmernú, vizuálne „čistú“ estetiku bez dekorácií – jednoduché tvary, výrazné farby, rozloženia postavené na typografii a minimum textúr. Medzi jeho výhody patrí rýchle fungovanie, jednoduchšie prispôsobenie pre responzívne rozhrania a jasná vizuálna logika. Nevýhodou je, že prílišné zjednodušenie môže zhoršiť orientáciu používateľa („kam mám vlastne ťuknúť?“). Aj preto vznikli riešenia typu „flat-plus“ (jemné tiene, náznaky vrstiev), ktoré poznáme z moderných verzií Material dizajnu a iOS.

Glassmorfizmus

Glassmorphism pracuje so „sklenenými“ vrstvami – rozmazaným pozadím, polopriesvitnými panelmi, jemným svetelným okrajom a tieňovaním a viacerými navrstvenými plochami. Výborne funguje, keď potrebujete vytvoriť vizuálnu hierarchiu a pocit ľahkosti či vznášania, no pri prehnanom použití môže pôsobiť preplnene alebo znížiť kontrast. Štýl sa naplno rozšíril v 20. rokoch 21. storočia a objavil sa aj v hlavných systémoch (napr. macOS Big Sur, Fluent „Acrylic“). V tomto prípade býva pozadie farebné a textúrované, aby malo „sklo“ s čím vizuálne pracovať.

Neumorfizmus

Neumorphism spája čistotu flat dizajnu s jemnou hĺbkou – podobné tónovanie, mäkké svetlo–tieň prechody a plochy, ktoré pôsobia mierne vystúpené alebo vtlačené. Pôsobí elegantne a prémiovo, no z hľadiska kontrastu a prístupnosti môže byť riskantný. Pri jednoduchých widgetoch, ovládacích prvkoch alebo pri budovaní vizuálnej identity na malých plochách však dodnes funguje veľmi dobre.

Liquid Glass

Prístup firmy Apple  „Liquid Glass“ posúva sklenené vrstvenie na ešte realistickejšiu úroveň – dynamické, organické lom svetla, pohyb pripomínajúci tekutinu a správanie sa materiálu, ktoré pôsobí prirodzene. Tlačidlá vyzerajú ako drobné šošovky, vďaka čomu vzniká pocit hĺbky a autentický materiálový efekt. Liquid Glass prináša prémiový zážitok zo značky a zároveň zachováva rýchlosť a vysokú použiteľnosť systému.

To, pre ktorý vizuálny princíp povrchov sa rozhodnete, závisí najmä od toho, kde a pre koho je web alebo aplikácia určená. Oplatí sa zvážiť výhody a nevýhody každého smeru a používať ho konzistentne naprieč celým používateľským rozhraním.