4 ms·

I like it, but regardless of one's aesthetic opinions I think an important thing people are missing is the move towards UI elements being overlays on top of con

I like it, but regardless of one's aesthetic opinions I think an important thing people are missing is the move towards UI elements being overlays on top of content instead of sandwiching or interleaving with content. This is very apparent on some apps like iOS Safari, Maps, etc. The general idea is your app content is a full screen/window canvas and your UI sits on top of it, which allows it to get out of the way of the content. I actually really like this move. The transparency serves a purpose here, it helps retain that full size appearance even when UI elements are visible. The glass effects essentially serve as a way to generate some contrast while still making the underlying content visible. Even with large UI elements on screen like sidebars, you still get the feeling that the content is prominent. I think this is going to influence how I build my own web ui's moving forward.

torben-friis 1y ago
This intended effect is clearly not achieved when the final result looks busier, animates and shines to rob attention from the content and reduces visibility.
- b_e_n_t_o_n 1y ago
  I don't agree with that assessment.
bigyabai 1y ago
If this is how you're going to build your web UIs going forward, take note from Apple here - add an A11Y mode. These changes exclusively harm the overall contrast of the UI and it's unfair to expect visually impaired users to deal with your visual clutter for the sake of r/unixporn eye candy. I think you'll quickly realize that static text content has a much more appreciable "reader mode" quality that isn't a slog to look at. There's oodles of colorslop in Liquid Glass that serves no purpose but to distract the user. Don't lose readers (or god forbid, conversions) just because you're trying to toe this line.
- b_e_n_t_o_n 1y ago
  Yeah reduced motion would probably toggle opaque backgrounds as well. But you can't really get that glass shader with css anyways so I imagine there wouldn't be many transparent effects, it's more just the layout I'm talking about for web.
wpm 1y ago
If the UI is floating on top of my content it’s literally in the fucking way of my content. It does the *opposite* of getting out of the way!!

torben-friis 1y ago

This intended effect is clearly not achieved when the final result looks busier, animates and shines to rob attention from the content and reduces visibility.

b_e_n_t_o_n 1y ago
I don't agree with that assessment.

bigyabai 1y ago

If this is how you're going to build your web UIs going forward, take note from Apple here - add an A11Y mode. These changes exclusively harm the overall contrast of the UI and it's unfair to expect visually impaired users to deal with your visual clutter for the sake of r/unixporn eye candy. I think you'll quickly realize that static text content has a much more appreciable "reader mode" quality that isn't a slog to look at. There's oodles of colorslop in Liquid Glass that serves no purpose but to distract the user. Don't lose readers (or god forbid, conversions) just because you're trying to toe this line.

b_e_n_t_o_n 1y ago
Yeah reduced motion would probably toggle opaque backgrounds as well. But you can't really get that glass shader with css anyways so I imagine there wouldn't be many transparent effects, it's more just the layout I'm talking about for web.

wpm 1y ago

If the UI is floating on top of my content it’s literally in the fucking way of my content. It does the *opposite* of getting out of the way!!