了解全新设计系统

深入了解全新设计系统，探索视觉设计、信息架构及核心系统组件方面的关键变化。了解如何借此重塑界面与内容之间的关系，打造动态、和谐且一致的设计，完美适配各种设备、屏幕尺寸和输入模式。

视频地址

此文章由AI生成，可能存在错误，如有问题，请联系djs66256@163.com

Apple设计系统革新：Liquid Glass全面解析

在WWDC2025上，Apple设计团队的Maria详细介绍了全新的设计系统Liquid Glass，这一系统标志着Apple迄今为止最全面的软件设计革新。该系统通过一套全新的启发式方法重塑了界面与内容的关系，打造出更加协调、自适应且富有表现力的统一设计语言。

设计语言：构建协调性的基础

Liquid Glass在不同平台间建立了熟悉感，同时为每个体验提供精准定制。这一系统化的设计方法体现在从最小控件到最大界面的所有层级：

• 色彩系统：对浅色、深色和高对比度外观进行了微妙调整，提升色相区分度同时保持Apple特有的乐观精神
• 排版系统：采用更粗体且左对齐的方式，强化关键场景的可读性
• 形状系统：引入了三种形状类型：
  • 固定形状（恒定圆角半径）
  • 胶囊形状（容器高度一半的半径）
  • 同心形状（从父级减去间距计算的半径）

这些形状遵循同心性驱动的几何学，通过围绕共享中心对齐半径和边距实现自然嵌套。在macOS上，Mini、Small和Medium控件继续使用圆角矩形，Large控件采用胶囊形状，配合新的X-Large尺寸创造层次与平衡。

结构体系：引导导航与内容互动

Liquid Glass在UI中定义了新的功能层，悬浮于内容上方提供结构而不喧宾夺主：

• Action Sheet革新：现在从操作本身弹出，而非固定出现在屏幕底部
• 材质变化：反映导航焦点，随导航深入或转移而强化意图
• bars设计优化：不再需要自定义背景或边框，层次通过布局和分组表达
• tab bar改进：iOS新增底部专用搜索标签，支持持久功能如媒体播放控件

滚动边缘效果采用微妙模糊替代硬分隔线，系统提供两种样式：柔和（默认）与强硬（主要用于macOS）。边栏现在采用内嵌设计，允许内容在其后方流动，实现更沉浸的体验。

连续性：跨设备统一体验

Liquid Glass确保了用户在不同设备间切换时的流畅体验：

• 设备上下文适应：iPhone专注垂直布局，Mac展开为宽阔画布，iPad作为中间层
• 共享内容策略：有意分组的内容应保持在一起，跨设备使用相同符号建立熟悉感
• 菜单设计：更多依赖符号而非文本，相关操作使用一个符号引入分组
• 组件设计原则：构建可扩展的结构组件，将平台差异视为共享框架的表达而非例外

开发者行动指南

Maria建议开发者：

1. 更新应用时检查过尖或过宽的圆角
2. 清理自定义bars，改用系统提供的分组API
3. 根据功能和频率合理组织bar items
4. 确保tab bar只包含持久功能而非上下文操作
5. 正确使用滚动边缘效果（避免混合或叠加）
6. 利用边栏的背景延伸效果创造沉浸体验
7. 跨平台保持符号和组件行为的一致性

相关资源

开发者可以深入探索以下资源：

• 《人机交互指南》更新内容
• Apple设计资源中的新UI工具包
• 配套演讲视频《认识Liquid Glass》
• 图标设计指南和材质使用规范

Liquid Glass代表了Apple设计语言的新篇章，为开发者提供了打造协调、自适应且富有表现力应用的强大工具。通过遵循这些设计原则和最佳实践，开发者可以为用户创造更统一、更流畅的跨设备体验。