Movatterモバイル変換


[0]ホーム

URL:


Jump to content
WikipediaThe Free Encyclopedia
Search

Liquid Glass

This is a good article. Click here for more information.
From Wikipedia, the free encyclopedia
Design language developed by Apple

For the alleged Roman invention, seeFlexible glass. For the chemical compound, seeSodium silicate.

Liquid Glass
Liquid Glass design oniOS 26.1 on aniPhone 15
DeveloperApple Inc.
Initial releaseJune 9, 2025; 5 months ago (2025-06-09)
Operating systemiOS,iPadOS,macOS,tvOS,visionOS,watchOS
Predecessor
TypeDesign language
Websitedeveloper.apple.com/documentation/technologyoverviews/liquid-glass Edit this on Wikidata

Liquid Glass is adesign language developed byApple as a unified visual theme for thegraphical user interfaces for its suite ofoperating systems. It was first announced on June 9, 2025, at theWorldwide Developers Conference (WWDC). Liquid Glass features a fluid, dynamic glass-like interface that reflects and refracts the background. Liquid Glass was Introduced iniOS 26,iPadOS 26,macOS Tahoe,tvOS 26,visionOS 26, andwatchOS 26.[1]

Principles

[edit]

Apple sought a new design language to unify the look and feel of interface elements across its devices, with their various window sizes and displays.[2][3]

It describes Liquid Glass as a dynamic "material" that combines the "optical properties of glass with a sense of fluidity".[4] According to Apple's updatedhuman interface guidelines, apps made with Liquid Glass should showcase hierarchy between content and controls.[5] The design features elements that automatically adapt to their environment by reflecting andrefracting light. The digital elements are translucent, contrasting with the outer highlights of their shapes.[6][7]

Apple's senior vice president of software engineering,Craig Federighi, said designers used the company's industrial design studios to fabricate glass of variousopacities and lensing properties, so they could closely match the interface properties to those of real glass.[7]

Implementation

[edit]

Liquid Glass overhauls existing iOS interface components such as text, sliders,toggles,alerts, panels,sidebars, and the overallfrosted glass design, by introducing a new "material", which in Apple parlance is a visual effect that provides a sense of depth and hierarchy between elements.[8][9] The new material introduced by Liquid Glass refracts and reflects any element placed behind it, using realistic lighting and shaders to look like a real piece of glass. The material adapts to a light or dark appearance to make text and icon on top of the material legible, and reacts to the device's movement on iOS and iPadOS.[10] The material is integrated into various apps, and the system as a whole, such as the Dock, notifications, and Control Center and can also be used by third-party apps.[9][11] Federighi saidApple silicon provides the extra computational power required to run Liquid Glass.[12][13]

App icons have been redesigned to use a layered system akin to the one used on visionOS and tvOS, applying translucency and a glass-like shimmer effect, which also reacts to device movement, while applying greater use of gradients. App icons can now adopt a new clear look that makes the background use the Liquid Glass material in a light or dark tint, making it appear transparent.[14] Toolbars and other elements on-screen are now no-longer pinned to the device's bezels, instead being separated into bubbles that appear and disappear based on the context. For example, theMusic app's tab bar shrinks when scrolling. The new design also allows the material to change its shape and size, such as the text selection tooltip expanding to show all options in a vertical list.[15] In a video detailing the design change, Apple stated that the language was influenced by theAqua design language ofmacOS, real-timeGaussian blurring iniOS 7, the motion iniPhone X, theDynamic Island on theiPhone 14 Pro and later, and the glass-like UI ofvisionOS.[6][7]

Reception

[edit]

Liquid Glass has had a mixed reception. Some users praised the aesthetics of the operating systems designed with the language[16] and were impressed by the effects to recreate glass's refracting and lensing properties.[17][18] However, other users noted that certain elements were too transparent, making text difficult to read in low-contrast environments, such as direct sunlight.[16][19] Designers interviewed byWired felt that the visual effects distracted from app content.[17] One designer said developers with smaller teams might struggle to meet the high visual standards set by the new interface.[17]

The design marked a shift in Apple's design languages, moving away from some of theflat design cues popularized byJony Ive iniOS 7 (2013) toward more expressive,skeuomorphic elements.[17][20] Many critics and social media users noted similarities toAqua andWindows Aero, including glass-like textures popularized byWindows Vista.[18][21][22] Liquid Glass has strong influences from "glassmorphism", a design style that became popular in 2021 in part byMicrosoft'sWindows 11 and its use ofFluent Design as well as Apple's ownmacOS Big Sur.[23][24]

Complaints about legibility during the first developer beta release led Apple to adjust the transparency of Liquid Glass.[25][26] Reviewers noted that Developer Beta 3 made navigation bars and interface chrome more opaque for contrast, and subsequent betas refined the material further, including adjustments to system overlays and modal backgrounds. Some later builds introduced additional controls to moderate transparency levels, giving users more flexibility over legibility in differing lighting conditions.[27]

See also

[edit]

References

[edit]
  1. ^
  2. ^"Apple's new Liquid Glass design is its biggest visual update in years".Engadget. June 9, 2025. RetrievedJune 12, 2025.
  3. ^"iOS 26 vs iOS 18: Is Apple's 'Liquid Glass' a true redesign?".AppleInsider. June 10, 2025. RetrievedJune 12, 2025.
  4. ^"Liquid Glass".Apple Developer Documentation. RetrievedJune 10, 2025.
  5. ^"Materials".Apple Developer Documentation. RetrievedJune 12, 2025.
  6. ^ab"Meet Liquid Glass - WWDC25 - Videos".Apple Developer. RetrievedJune 10, 2025.
  7. ^abcUlanoff, Lance (June 10, 2025)."For Liquid Glass, 'the most obvious inspiration was visionOS', says Apple's Senior VP of Software Engineering".TechRadar. RetrievedJune 11, 2025.
  8. ^"Human Interface Guidelines".Apple Developer Documentation. RetrievedJune 10, 2025.
  9. ^ab"Adopting Liquid Glass".Apple Developer Documentation. RetrievedJuly 6, 2025.
  10. ^"Apple introduces a delightful and elegant new software design".Apple Newsroom (Press release). RetrievedAugust 9, 2025.
  11. ^Peters, Jay (June 10, 2025)."Apple's Liquid Glass was a wild change to my iPhone".The Verge. RetrievedJune 10, 2025.
  12. ^The Wall Street Journal (June 13, 2025).Apple Execs on AI Setbacks, What Went Wrong with Siri and More (Full Interview) | WSJ.YouTube. RetrievedJune 14, 2025 – via YouTube.
  13. ^Weckler, Adrian (June 14, 2025)."Adrian Weckler: Should you worry if your iPhone is too old for the latest upgrade?".Irish Independent. RetrievedJune 15, 2025.
  14. ^"App icons".Apple Developer Documentation. RetrievedJuly 6, 2025.
  15. ^WWDC25 - Apple TV. RetrievedJuly 6, 2025 – via tv.apple.com.
  16. ^abPerez, Sarah (June 10, 2025)."Love it or hate it? Apple's new 'Liquid Glass' design is getting mixed reviews".TechCrunch. RetrievedJune 11, 2025.
  17. ^abcdRogers, Reece."'Beautiful' and 'Hard to Read': Designers React to Apple's Liquid Glass Update".Wired.ISSN 1059-1028. RetrievedJune 10, 2025.
  18. ^abPierce, David (June 9, 2025)."Apple's Liquid Glass redesign doesn't look like much".The Verge. RetrievedJune 10, 2025.
  19. ^Encinas, Amaris."What is Liquid Glass? Internet reacts to Apple's new software design".USA Today. RetrievedJune 11, 2025.
  20. ^Wong, Raymond (June 9, 2025)."Apple Ushers in New Glassy Design With iOS 26 and 'Liquid Glass' Interface".Gizmodo. RetrievedJune 11, 2025.
  21. ^"iOS 26 liquid glass: Here's why Windows Vista jokes are trending".Hindustan Times. June 10, 2025. RetrievedJune 11, 2025.
  22. ^Saini, Rajat (July 22, 2025)."No, Apple Did Not Copy Windows Vista with macOS Liquid Glass".TheMacObserver. RetrievedSeptember 12, 2025.
  23. ^Pero, James (June 9, 2025)."iOS 26 Might Be Apple's Riskiest Redesign Yet".Gizmodo. RetrievedNovember 5, 2025.
  24. ^"Glassmorphism in 2025: How Apple's Liquid Glass is reshaping interface design".everyday ux. August 12, 2025. RetrievedNovember 5, 2025.
  25. ^Roth, Emma (July 7, 2025)."Apple just added more frost to its Liquid Glass design".The Verge. RetrievedJuly 8, 2025.
  26. ^Clover, Juli (July 22, 2025)."Apple Improves Liquid Glass in iOS 26 Beta 4, Reversing Some Beta 3 Changes".MacRumors. RetrievedAugust 4, 2025.
  27. ^Lipman, David (October 20, 2025)."Apple adds 'Clear' and 'Tinted' Liquid Glass modes in iOS 26.1 beta".MacRumors. RetrievedOctober 21, 2025.

External links

[edit]
iOS and iOS-based products
Hardware
iPhone (models)
iPad (models)
Discontinued
iPod Touch
Other
iOS logo
Software
OS versions
Derived from iOS
Features
SDK & API
Bundled apps
Discontinued
Apple apps
Discontinued
Services
Discontinued
Other
Versions
Mac OS X
OS X
macOS
Predecessors
Applications
Core
applications
Developer
Tools
Xcode
Former
Former
Utilities
Discontinued
Technologies,
user interface
Deprecated
Discontinued
  • Italics denote upcoming products.
  •  Category
Retrieved from "https://en.wikipedia.org/w/index.php?title=Liquid_Glass&oldid=1323045370"
Categories:
Hidden categories:

[8]ページ先頭

©2009-2025 Movatter.jp