A tapintható visszatérés: Mélység, üveg és fizikai visszajelzés a modern felhasználói felületen
Miért tért vissza a mélység, az áttetszőség és a fizikai mozgás a felhasználói felület kialakításában a lapos dizájn után, miben változott az Apple Liquid Glass és a Material 3 Expressive, és hogyan lehet használhatóvá tenni.
Core Takeaway
Egy évtizednyi lapos kialakítás után visszatért a mélység és a fizikai visszajelzés. 2025-ben az Apple bemutatta a Liquid Glass-et, egy áttetsző anyagot a kezelőszervekhez és a navigációhoz, a Google pedig a Material 3 Expressive-t, amelyet az érzelmesebb tervezéssel kapcsolatos kutatások támogattak. Jól használva a mélység megmutatja, mi az interaktív, a mozgás pedig megerősíti a cselekvéseket; hanyagul használva az áttetszőség csökkenti a kontrasztot és rontja az olvashatóságot.
Mi változott 2025-ben
2025. június 9-én az Apple bejelentette legszélesebb körű szoftverfrissítését, amely a Liquid Glass nevű új anyag köré épül. Átlátszó, tükrözi és megtöri azt, ami mögötte van, és átnyúlik a iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 és tvOS 26 rendszereken. A Google eközben a Material 3 Expressive-t a legtöbbet kutatott tervezési rendszertanulmányként írta le, több mint 06-on alapuló 01-es résztvevővel. A Google jelentése szerint a résztvevők négyszer gyorsabban észlelték a kulcsfontosságú UI-elemeket a kifejező dizájnban, és ez a preferencia a 18 és 24 év közöttiek körében volt a legerősebb, akár 87%.
Mélység az elvégzendő munkához
Az Apple irányelvei pontosan meghatározzák, hogy az anyag hova tartozik: a Liquid Glass funkcionális réteget képez a vezérlők és a navigáció számára, amely a tartalom felett lebeg, és magában a tartalmi rétegben nem használható. Ez az egész trend mögött meghúzódó hasznos elv: a mélységnek meg kell magyaráznia a szerkezetet, elválasztva attól, amit cselekedni tudsz, attól, amit olvasol.
A használhatóság költsége
Nem mindenki győzött meg. A Nielsen Norman Group azzal érvelt, hogy a Liquid Glass a iOS 26-ban eltakarja a tartalmat, és hogy bármit, amit valami másra helyeznek, nehezebb észrevenni, különösen a forgalmas hátterű szöveget. A gyakorlati tanulság az, hogy az áttetszőséghez védőkorlátokra van szükség: tesztelje a kontrasztot valós tartalomnál, növelje a szöveg mögötti elmosódást vagy átlátszatlanságot, és támogassa a rendszerbeállításokat a csökkentett átlátszóság és a kontraszt növelése érdekében.
A fizikai visszacsatolás a tartós rész
A vizuális trendek jönnek és mennek, de a fizikai visszacsatolás tartós, mert segít az embereknek. Egy gomb, amely megnyomásakor enyhén összenyomódik, egy lap, amely követi az ujját és egy rugóval rendeződik, vagy egy kapcsoló, amely a helyére kattan, mind megerősíti, hogy egy műveletet regisztráltak. A tavaszi fizika ennek a természetes eszköze, mert úgy reagál a megszakításokra és a gesztussebességre, mint a valódi tárgyak.
Hogyan vegyük át figyelmesen
Kezdje visszajelzéssel, ne díszítéssel:
- Adja hozzá az emberek által leggyakrabban használt vezérlőket a megnyomásával, húzással és engedéssel.
- Használja a rétegezést és az árnyékokat a vezérlők és a tartalom elválasztásához.
- Ellenőrizze a szöveg kontrasztját minden áttetsző felület tetején.
- Tartsa tiszteletben a csökkent mozgást, a csökkentett átlátszóságot és a megnövelt kontrasztbeállításokat.
- Az effektusok egyenletesek maradnak a mozgás- és magasságjelzőkkel.
Kulcs Principle, amit meg kell jegyezni
- Az Apple 2025 júniusában mutatta be a Liquid Glass-et; A Google bemutatta a Material 3 Expressive-t
- A mélység akkor működik, ha elválasztja a vezérlőket a tartalomtól
- Az áttetszőség ronthatja a kontrasztot és az olvashatóságot; teszt valódi tartalommal
- A fizikai visszacsatolás (prés, húzás, rugós leülepedés) a trend tartós része
- Tartsa tiszteletben a csökkent mozgást, a csökkentett átlátszóságot és a megnövelt kontrasztot
Gyakran Ismételt Kérdések
Források
- Apple introduces a delightful and elegant new software design — Apple Newsroom (2025. június 9.)
- Materials — Az Apple emberi interfész irányelvei
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — Google Design