Liquid Glass

Liquid Glass
FejlesztőApple
Első kiadás2025. június 9.; 17 hónappal ezelőtt (2025-06-09)
Legfrissebb stabil kiadásiOS 27
Programozási nyelvSwift
Operációs rendszeriOS, iPadOS, macOS, tvOS, watchOS, VisionOS
Állapotfejlesztésben
Kategóriadizájnnyelv
Licenczárt, tulajdoni licenc
A Liquid Glass weboldala

A Liquid Glass egy olyan dizájnnyelv, amelyet az Apple hozott létre az operációs rendszereinek grafikus felhasználói felületeinek egységes dizájnjaként. 2025. júniusában jelentették be a Worldwide Developers Conference (WWDC) konferencián. A Liquid Glass egy folyékony, dinamikus, üvegszerű felülettel rendelkezik, amely tükrözi és megtöri a hátteret. A Liquid Glass-t az iOS 26, iPadOS 26, macOS Tahoe, tvOS 26, VisionOS 26 és watchOS 26 rendszereken mutatták be először.

Alapelv

Az Apple egy új dizájnnyelvet hozott létre, mivel az előző lemaradóban volt versenytársaihoz képest. A dizájnnyelv azért jött létre, hogy egységesítse a felhasználói felület elemeinek megjelenését és érzetét a rendszereken.

A Liquid Glass-t az Apple dinamikus „anyagként” írja le, amely az „üveg optikai tulajdonságait a folyékonyság érzetével” ötvözi. Az Apple frissített felhasználói felületre vonatkozó irányelvei szerint a Liquid Glass-szel készült alkalmazásoknak hierarchiát kell mutatniuk a tartalom és a vezérlők között. A dizájn olyan elemeket tartalmaz, amelyek automatikusan alkalmazkodnak a környezetükhöz a fény visszaverésével és megtörésével. Az UI áttetsző, ellentétben állnak formáik külső kiemeléseivel.

Az Apple szoftverfejlesztéséért felelős alelnöke, Craig Federighi elmondta, hogy a fejlesztők a cég ipari formatervező stúdióit használták fel különböző opacitású és lencsetulajdonságú üvegek hatásához, így a felületi tulajdonságokat szorosan egyeztetni tudták a valódi üvegével.

Megvalósítás

A Liquid Glass átalakítja a meglévő iOS felületelemeket, például a szöveget, a csúszkákat, a kapcsolókat, az értesítéseket, a paneleket, az oldalsávokat és az általános matt üveg dizájnt egy új „anyag” bevezetésével, amely az Apple szerint egy vizuális effekt, amely mélységérzetet és az elemek közötti hierarchiát valósít meg. A Liquid Glass által bevezetett új anyag megtöri és visszaveri a mögötte lévő elemeket, valósághű megvilágítás és árnyékok segítségével úgy néz ki, mint egy igazi üvegdarab. Az anyag alkalmazkodik a világos vagy sötét megjelenéshez, hogy az anyag tetején lévő szöveg és ikon olvasható legyen, és reagál az eszköz mozgására az iOS és iPadOS rendszeren. Az anyag különböző alkalmazásokba és a rendszer egészébe integrálva van, például a dockba, az értesítésekbe és a vezérlőközpontba, és harmadik féltől származó alkalmazások is használhatják. Federighi szerint az új Apple chipek biztosítják a Liquid Glass futtatásához szükséges hardvert.

Az alkalmazásikonokat áttervezték, hogy a tvOS rendszereken hasonlóan réteges rendszert használjanak, áttetszőséget és üvegszerű csillogó hatást alkalmazva, amely az eszköz mozgására is reagál, miközben nagyobb mértékben használják a színátmeneteket. Az alkalmazásikonok új, letisztult megjelenést kaptak, amely a hátteret világos vagy sötét árnyalatú Liquid Glass dizájnnyelv tesz átlátszóvá. A menüpontok és a képernyőn megjelenő egyéb elemek mostantól nincsenek rögzítve az eszköz oldalához, hanem egy féle buborékokra vannak osztva, amelyek a kontextustól függően jelennek meg és tűnnek el. Például az Apple Music alkalmazás fülsávja görgetés közben összezsugorodik. Az új kialakítás lehetővé teszi az anyag alakjának és méretének megváltoztatását is, például a szövegkijelölés kibővül, hogy az összes lehetőséget függőleges listában jelenítse meg. A dizájnváltozást részletező videóban az Apple kijelentette, hogy a dizájnnyelvet a macOS Aqua dizájnnyelve, az iOS 7 valós idejű Gauss-elmosódása, az iPhone X mozgása, az iPhone 14 Pro és újabb modellek Dynamic Island funkciója, valamint a visionOS üvegszerű felhasználói felülete befolyásolta.

A dizájn fordulatot jelentett az Apple tervezési nyelvezetében, eltávolodva a Jony Ive által az iOS 7 -ben (2013) népszerűsített lapos dizájnjellemzők egy részéről a kifejezőbb, szkeuomorf elemek mellől. Számos kritikus és közösségi média felhasználó hasonlóságokat talált az Aquával és a Windows Aeróval, beleértve a Windows Vista által népszerűvé tett üvegszerű textúrákat is. A Liquid Glass erősen hatott az „üvegmorfizmusra”, egy olyan dizájnstílusra, amely 2021-ben vált népszerűvé, részben a Microsoft Windows 11-verziójának és a Fluent Design használatának, valamint az Apple saját macOS Big Sur rendszerének köszönhetően.

Fogadtatás

A Liquid Glass dizájnnyelv vegyes fogadtatásban részesült. Egyes kritikusok dicsérték azt a módot, ahogyan az üveg törési és lencsehatásbeli tulajdonságait újraalkotja

Mások kritizálták, mivel zavaró, kevésbé olvasható, nehezebben használható, és indokolatlan terhet tesz a fejlesztőkre. A Wired által megkérdezett tervezők úgy érezték, hogy a vizuális effektek elvonják a figyelmet az alkalmazás tartalmáról, és az egyikük azt mondta, hogy a kisebb csapatokkal rendelkező fejlesztőknek nehézséget okozhat az új felület által meghatározott bonyolult vizuális elemek lefejlesztése.

Egyesek szerint a Liquid Glass eltér a régóta bevett felhasználói felületektől oly módon, hogy a Mac gépeket zavaróbbá és nehezebben használhatóvá teszi.

Lásd még

Jegyzetek

  1. ↑ "Az Apple legújabb dizájnváltoztatása az elmúlt 10 évben". Engadget (amerikai angol nyelven). 2025. június 9. Hozzáférés: 2025. június 12.
  2. ↑ "iOS 26 vs iOS 18, tényleg olyan nagy változás az iOS 26 dizájnja?". AppleInsider (angol nyelven). 2025. június 10. Hozzáférés: 2025. június 12.
  3. ↑ "Liquid Glass". Apple Developer Documentation (amerikai angol nyelven). Hozzáférés: 2025. június 10.
  4. ↑ "A Liquid Glass elemei". Apple Developer Documentation (amerikai angol nyelven). Hozzáférés: 2025. június 12.
  5. 1 2 3 Ulanoff, Lance (2025. június 10.). "A Liquid Glass főleg a visionOS-ről inspirálódott, mondta Craig Federighi". TechRadar (angol nyelven). Hozzáférés: 2025. június 11.
  6. ↑ "HIG". Apple Developer Documentation (amerikai angol nyelven). Hozzáférés: 2025. június 10.
  7. 1 2 "A Liquid Glass adoptálása". Apple Developer Documentation (amerikai angol nyelven). Hozzáférés: 2025. július 6.
  8. ↑ Peters, Jay (2025. június 10.). "Az Apple Liquid Glass dizájnja egy óriási változás". The Verge (amerikai angol nyelven). Hozzáférés: 2025. június 10.
  9. ↑ Apple Execs on AI Setbacks, What Went Wrong with Siri and More (Full Interview) | WSJ. 2025. június 13. Hozzáférés: 2025. június 14.
  10. ↑ Weckler, Adrian (2025. június 14.). "A régebbi iPhone-ok nem jól bírják az új dizájnnyelvet?". Irish Independent (angol nyelven). Hozzáférés: 2025. június 15.
  11. ↑ "App ikonok". Apple Developer Documentation (amerikai angol nyelven). Hozzáférés: 2025. július 6.
  12. ↑ WWDC25 - Apple TV (amerikai angol nyelven). Hozzáférés: 2025. július 6.
  13. ↑ "Meet Liquid Glass - WWDC25 - Videos". Apple Developer (angol nyelven). Hozzáférés: 2025. június 10.
  14. ↑ Wong, Raymond (2025. június 9.). "Apple új Liquid Glass felülete az iOS 26-ban". Gizmodo (amerikai angol nyelven). Hozzáférés: 2025. június 11.
  15. ↑ Pierce, David (2025. június 9.). "Az Apple új dizájnnyelve nem is lenne olyan nagy változás?". The Verge (amerikai angol nyelven). Hozzáférés: 2025. június 10.
  16. ↑ "iOS 26 Liquid Glass: Itt az oka, miért hasonlítják az új dizájnnyelvet a régi Windows Vista rendszerhez". Hindustan Times. 2025. június 10. Hozzáférés: 2025. június 11.
  17. ↑ Saini, Rajat (2025. július 22.). "Nem, az Apple nem másolt a Windows Vista-ról". TheMacObserver. Hozzáférés: 2025. szeptember 12.
  18. ↑ Pero, James (2025. június 9.). "Az iOS 26 az Apple legrizikósabb változtása". Gizmodo (amerikai angol nyelven). Hozzáférés: 2025. november 5.
  19. ↑ "Az új dizájn megváltoztatja az operációs rendszer megjelenését". everyday ux (angol nyelven). 2025. augusztus 12. Hozzáférés: 2025. november 5.
  20. ↑ Perez, Sarah (2025. június 10.). "Az új dizájn vegyes érzetekkel rendelkezik". TechCrunch (amerikai angol nyelven). Hozzáférés: 2025. június 11.
  21. ↑ Pierce, David (2025. június 9.). "Apple's Liquid Glass redesign doesn't look like much". The Verge (amerikai angol nyelven). Hozzáférés: 2025. június 10.
  22. ↑ Loyola, Roman (2026. január 7.). "Az új macOS 26 ikonok inkább zűrzavarra hasonlítanak, de nem azok az ikonok mint amelyekre gondolnál". Macworld (angol nyelven). Hozzáférés: 2026. január 13.
  23. ↑ Engst, Adam (2026. január 6.). "macOS 26 Tahoe menü ikonok". TidBITS (angol nyelven). Hozzáférés: 2026. január 13.

Fordítás

További információk