Originál. Autor: Rodrigo Osornio
Tento článek zkoumá charakteristiky, ospravedlňuje přístupy a poskytuje příklady tří nejdůležitějších stylů uživatelského rozhraní za poslední roky. Budeme hovořit o skeuomorfismu, neomorfismu a plochém designu.
Když se podíváme na moderní digitální rozhraní, můžeme říci, že mnoho stylů určité úrovně jsou založeny na 2D znázornění fyzických komponent.
Vyhledejte další zajímavé a relevantní články v našem blogu a telegramovém kanálu.
Proč přesně jsou? Existuje mnoho designových stylů a variací. Historicky se stalo, že byly stanoveny ve 2 fázích. První je technická omezení (počet pixelů, barev a využití paměti). Ve druhé fázi poskytly počítače návrhářům více možností, což vedlo k chytřejším vizuálním stylům. Nejrelevantnější pro tuto fázi jsou skeuomorfismus a plochý design. Neomorfismus není jednotný styl, ale do této studie je zahrnut z důvodů, které jsou popsány níže.
Proces
Po prostudování charakteristických rysů každého ze stylů bylo pro každý z nich vytvořeno koncepční rozhraní. Pomocí nástroje CAD byly vygenerovány odpovídající 3D modely s pozadím a osvětlením. Poté bylo vytvořeno několik shora dolů a izometrických vykreslení. Pohled shora byl pořízen pomocí Figmy . Tyto komponenty používají běžné šablony, které můžete vytvořit pomocí kódu a použít je v konečných produktech.
Níže vidíte obrázky procesu, které jsou užitečné pro porovnání různých pohledů a stylů.
skeomomorfismus
skeomomorfismus není jen vymezený styl, ale zdůvodnění napodobování rozhraní fyzického světa v digitální. Původně to byla technika používaná k tomu, aby interakce byly pro uživatele intuitivnější. Podle tohoto principu skeuomorfismus kombinuje několik vizuálních stylů.
Tyto vizualizace ukazují čistý styl s geometrickými a jednotnými prvky v kombinaci s mírně zaoblenými rohy.
Tyto komponenty se snaží připomínat vysoce kvalitní plastové rozhraní ze skutečného světa. Mikrointerakce také reprodukují fyzické modely běžných tlačítek a ovládacích prvků.
Plochý design
Plochý design se ukázal jako reakce na skeuomorfismus. Jakmile se uživatelé seznámili se známými interakčními vzory, „doslovné“ prvky se staly zbytečnými. Návrháři změnili sémiotiku komponent a vytvořili nový styl.
Plochý design porušil fyzická pravidla. Spolehlivá a realistická vyjádření již nebyla zapotřebí. Zpráva je přenášena prostřednictvím ikon, abstrakcí a koncepčních interakcí. Uživatelé již byli obeznámeni se vzory digitální interakce.
Možnosti ortodoxního plochého designu se spoléhají pouze na dvourozměrnost obrazovky. Neexistují žádné odkazy na skutečný (fyzický) svět, prvky jako stíny, průhledné fólie nebo embosování již nejsou potřeba.
Některé následné variace tohoto stylu však začaly přidávat trojrozměrné znázornění překrývajících se vrstvy, vyjádřené jako odstíny, průhlednost a přechody. Materiálový design je skvělým příkladem tohoto konceptu.
Pro tuto studii byly použity jednoduché komponenty, které připomínají laminované objekty plovoucí nad plátnem. Mikrointerakce nepodléhají drsnosti materiálů ani zákonům gravitace.
neomorfismus
Tento trend není zakořeněný a pravděpodobně se nikdy nestane plnohodnotným stylem. Alespoň pokud si zachová své výrazné vizuální gesta. Existuje zjevný problém s přístupností. Z tohoto důvodu byl neomorfismus ve finálních verzích produktu téměř nikdy implementován jako hlavní styl.
Je na něm však něco krásného a tajemného. Proto byl do této studie přidán. Jeho potenciál spočívá v kombinaci fyzických prvků s digitálními gesty. Je to jako 3D svět vytvořený zcela v digitálním prostředí. Vypadá to jako dokonalé plastové rozhraní tvarované za tepla, které nedodržuje fyzická pravidla a zákony. Je pravděpodobné, že pokud neomorfismus dokáže najít dostatečnou rovnováhu mezi svou jedinečností a čitelností, bude se schopen konsolidovat jako plnohodnotný styl uživatelského rozhraní.
K jeho vykreslení se používají aktuální paradigmata a specifikace. Tyto komponenty jsou součástí jednoho povrchu tvořeného basreliéfy a vysokými reliéfy. Měkké stíny a rozostření dodávají designu moderní a jedinečný vzhled.
Závěr
důvody a geometrická omezení těchto stylů mohou otevřít dveře ke zlepšení současných vzorů a nakonec k novým stylům nebo variantám.
Při navrhování fyzického a digitálního rozhraní se zařízení obvykle kombinují nezávisle na sobě. Tyto dva světy se postupně začínají slučovat do soudržnějších produktů, ve kterých se uživatelé budou pohybovat mezi dvěma typy rozhraní
< p>
Představte si designový systém, který se skládá z digitálních a fyzických komponent, materiálů, barev, interakcí, zvuků, jazyků a dalších.
Vyhledejte další zajímavé a relevantní články v našem blogovém a telegramovém kanálu.
