readability issues with liquid glass

Asked on 06/11/2025

1 search

Liquid Glass, as discussed in the Meet Liquid Glass session, introduces a new material design that aims to enhance the visual experience across Apple's platforms. However, there are some readability issues associated with its use:

  1. Dimming Layer Requirement: The "Clear" variant of Liquid Glass requires a dimming layer to ensure legibility, especially for symbols or labels. Without this layer, readability can significantly decrease, particularly when the content underneath is vibrant or media-rich (Meet Liquid Glass).

  2. Adaptive Behaviors: Liquid Glass elements, such as nav bars and tab bars, adapt their appearance based on the background to maintain legibility. They switch between light and dark modes to ensure contrast, but larger elements like menus or sidebars do not switch modes to avoid distraction (Meet Liquid Glass).

  3. Avoiding Visual Clutter: It's important to avoid stacking Liquid Glass elements on top of each other, as this can lead to a cluttered and confusing interface. Instead, use fills, transparency, and vibrancy for elements placed on top of Liquid Glass to maintain clarity (Meet Liquid Glass).

  4. Tinting Considerations: Over-tinting elements can reduce their distinctiveness and lead to confusion. It's recommended to use tinting selectively to highlight specific actions or elements (Meet Liquid Glass).

These considerations are crucial for maintaining readability and ensuring that the use of Liquid Glass enhances rather than detracts from the user experience.

readability issues with liquid glass | Ask WWDC