Ve světě chytrých zařízení jsme si zvykli na to, že uživatelská rozhraní se čas od času mění. Jaké trendy jsme dosud viděli a kde se nacházíme teď? Tento článek se na ně podívá postupně.
Grafická rozhraní se nevyvíjejí pouze kvůli trendům, ale také se přizpůsobují zvyklostem uživatelů. Na začátku převládal realistický, materiálový styl, aby digitální prostředí co nejvíce připomínalo skutečné objekty. Poté přišel flat design, následoval glassmorphism, neumorphism a nakonec Liquid Glass. Podstata však zůstala stejná: přehlednost, rychlost, zážitek ze značky a vizuálně atraktivní styl.
Skeuomorfismus
Cílem skeuomorfního přístupu je, aby digitální prvky připomínaly skutečné objekty – kůži, dřevo, kovové textury, světlo a stín, zkosená tlačítka. Jeho hlavní výhodou je snadné pochopení, protože vychází ze známých metafor. Nevýhodou ale může být vizuální přehlcení a pocit „zastaralého“ vzhledu.
Flat design
Flat design preferuje dvojrozměrný, vizuálně „čistý“ styl bez dekorací – jednoduché tvary, výrazné barvy, rozvržení založené na typografii a minimum textur. Mezi jeho výhody patří rychlost, snadná responzivita a jasná vizuální logika. Nevýhodou ale je, že přílišné zjednodušení může zhoršit orientaci uživatele („na co mám vlastně klepnout?“). I proto se objevila řešení typu „flat-plus“ (jemné stíny, náznak prostorovosti), která známe z moderních verzí Material designu a iOS.
Glassmorfismus
Glassmorphism využívá „skleněné“ vrstvy – rozmazané pozadí, poloprůsvitné panely, jemné světelné okraje a stínování a více navrstvených ploch. Skvěle funguje ve chvíli, kdy potřebujete vizuální hierarchii a dojem lehkosti nebo „vznášení“, ale při nadměrném použití může působit přeplněně nebo snížit kontrast. Styl se výrazně rozšířil v 20. letech 21. století a objevil se i v hlavních systémech (např. macOS Big Sur, Fluent „Acrylic“). V tomto případě je pozadí obvykle barevné a texturované, aby měl „skleněný“ efekt na co reagovat.
Neumorfismus
Neumorphism spojuje čistotu flat designu s jemnou prostorovostí – podobné odstíny, měkké přechody světla a stínu a plochy, které působí lehce vystouplé nebo naopak vtlačené. Styl působí elegantně a prémiově, ale z hlediska kontrastu a přístupnosti může být problematický. U jednoduchých widgetů, ovládacích prvků nebo při budování vizuální identity na menších plochách však stále dobře funguje.
Liquid Glass
Apple přístup „Liquid Glass“ posouvá skleněné vrstvení k ještě realističtějšímu projevu – dynamické, organické lom světla, pohyb připomínající tekutinu a materiálové chování, které působí přirozeně. Tlačítka vypadají jako drobné čočky, což přidává dojem hloubky a autentický materiálový efekt. Liquid Glass poskytuje prémiový brandový zážitek a zároveň udržuje systém rychlý a dobře použitelný.
Volba vizuálního principu povrchů závisí především na tom, kde a pro koho je web nebo aplikace vytvářena. Vyplatí se zvážit výhody i nevýhody jednotlivých směrů a používat je konzistentně napříč celým uživatelským rozhraním.