Reading view

There are new articles available, click to refresh the page.

Appearance matters: Get Tahoe looking in better shape

macOS 26 Tahoe’s big thing is its redesigned interface, with additional variations to appearance modes and its new Liquid Glass effects. Whether you’re installing the upgrade because of those, or in spite of them, allow me to take you on a quick tour of how you can set its interface up, and which controls do what.

There are three sets of controls:

  • Appearance mode, Light or Dark, in Appearance settings;
  • Display variations to Reduce transparency or Increase contrast, in Accessibility settings;
  • Icon & widget style, in Appearance settings.

That comes to a total of more than 20 combinations before factoring in icon tinting colour, so there’s no shortage of choice.

Light mode

There are three overall variations of light mode, depending on those Accessibility settings.

The starting point and default is in light mode without Accessibility, and icon & widget style set to Default. Note the effects of transparency on the menu bar, widgets, the Liquid Glass effect in the left side of the Dock, and the upper row of icons in the Finder window. If you like those, you don’t have to change any settings.

This is light mode with Reduce transparency enabled in Accessibility settings. This disables all Liquid Glass effects and restores the traditional menu bar and Dock. The effect on Desktop widgets is perhaps less beneficial.

In light mode with Increase contrast (automatically coupled with Reduce transparency) enabled, the predominant effect is the outlining of controls within each window, rather than any change in contrast. Colours used by the system, such as the traffic light controls at the top left of each window, and those in themes, are darker, but those elsewhere, as in icons, aren’t changed. The effect here is to make controls clearer rather than actually changing contrast.

Dark mode

Without changing Accessibility and leaving Icon & widget style set to Default, dark mode shows transparency and Liquid Glass effects as you expect. These are again most visible in the menu bar, Dock, and the upper row of icons in the Finder window.

With Reduce transparency enabled in Accessibility settings those transparency and Liquid Glass effects are removed.

Enabling Increase contrast outlines controls clearly, but any changes in system colours are more variable than in light mode.

Icon & widget style

This is new to Tahoe and only affects the rendering of icons and widgets.

Using light mode without any Accessibility changes, the Default setting for Icon & widget style is the baseline, showing icons in their ‘normal’ state.

Dark icon settings in light mode contrasts more but their readability may suffer.

When Icon & widget style is set to Clear, most are decolourised, making them significantly harder to read, and impossible to distinguish in the sidebar of System Settings.

The final option is for Icon & widget style to be Tinted, where they’re rendered in monochrome using a colour of your choice, selected from the popup menu below. On iPhones and other devices that are available in several case colours, some have decided to set tinting to match the case, something you might like to try with an Apple silicon iMac, for example.

However, be careful in both Clear and Tinted styles, as it’s easy to end up making many icons unreadable and almost indistinguishable, here by setting the last of those to Graphite colour. This is one of the obvious drawbacks in Tahoe’s flexibility, in that many combinations of appearance mode, Accessibility settings and icon and widget style degrade its human interface rather than enhancing it. At least you now know what not to try, and how to return it to its defaults.

Summary of controls

  • Appearance mode, light or dark, in Appearance settings;
  • Display variations to Reduce transparency or Increase contrast, in Accessibility settings;
  • Icon & widget styles, in Appearance settings, with Icon, widget & folder colour when appropriate.

Have fun!

WWDC25 设计课程合集【中英字幕】

因为想了解苹果对 Liquid Glass 的定义和执行,以及对设计和开发的建议和约束,通过这些来进一步分析这套全新的设计语言究竟意味着什么,所以在翻看官方资料的过程中也顺便就把这些视频给翻译(用 AI 辅助)了。我集中上传到了自己的B站主页,为了方便其他人,我也在 blog 这里建立一个合集页面。

这六条并不是设计相关内容的全部视频,官方课程中还有其他视频,只是这六条是我自己比较关心的部分,和我后续的视频要分析的东西相关,因此挑选了这六条。如果你有其他关心的主题,可以前往以下官方页面寻找对应的内容。

https://developer.apple.com/videos/wwdc2025/

WWDC25新设计-01|了解新的设计系统 Get to know the new design system

深入了解新的设计系统,探索视觉设计、信息架构和核心系统组件的关键变化。了解该系统如何重塑界面与内容之间的关系,让您能够创建动态、和谐且跨设备、屏幕尺寸和输入模式一致的设计。

WWDC25新设计-02|认识液态玻璃 Meet Liquid Glass

Liquid Glass 统一了 Apple 平台的设计语言,同时提供了更具活力、更富表现力的用户体验。了解 Liquid Glass 的设计原理,探索其核心的光学和物理特性,并了解它的适用场景和使用原因。

WWDC25新设计-03|从创意到界面的设计基础 Design foundations from idea to interface

优秀的应用给人以清晰、直观、使用便捷的感觉。在本课程中,您将探索应用设计如何提升功能性、传达目标、引导用户浏览内容,以及如何巧妙地运用组件,在保持简洁体验的同时又不失影响力。本课程面向各种技能水平的设计师和开发者,以及所有对设计感兴趣的人士。

WWDC25新设计-04|设计交互式片段 Design interactive snippets

代码片段是由 App Intent 调用的紧凑视图,用于显示来自您 App 的信息。现在,代码片段可以让您的 App 为 Siri、Spotlight 和快捷指令 App 带来更多功能,方法是在 Intent 中包含按钮和状态信息,从而提供额外的交互性。在本课程中,您将学习设计代码片段的最佳实践,包括布局、排版、交互和 Intent 类型的指导。

WWDC25新设计-05|迎接应用图标的新外观 Say hello to the new look of app icons

概览 iOS、iPadOS 和 macOS 的全新 app 图标外观,包括明暗色调和清晰选项。学习如何运用雾面和半透明效果,让你的 app 图标更加鲜明、动感、富有表现力,以及如何确保你的图标与镜面高光完美契合。

WWDC25新设计-06|使用 Composer 创建图标 Create icons with Icon Composer

了解如何使用 Icon Composer 为 iOS、iPadOS、macOS 和 watchOS 制作更新的 app 图标。了解如何从您选择的设计工具中导出素材,将它们添加到 Icon Composer,应用实时玻璃属性和其他效果,以及如何预览并根据不同的平台和外观模式进行调整。

❌