iOS 26的图标与控件设计规范

let closeButton =UIBarButtonItem(    barButtonSystemItem:.close,    target:self,    action:#selector(closeButtonTapped))// 系统自动在iOS 26+渲染为液态玻璃风格，在旧版本保持传统样式[citation:5]

4. 工具栏 Toolbars

苹果在iOS 26中重新定义了工具栏的概念：

只要是一组水平排列在页面顶部或底部的控件，都叫工具栏——甚至包括传统的导航栏！

工具栏可包含三类元素：

• 当前界面的标题/副标题

• 导航控件（后退前进、页面指示器、搜索栏）

• 按钮和菜单

5. 标签栏 Tabbars

悬浮式标签栏是iOS 26的标志性更新：

设计参数：

• 距离底部边距：21pt

• 控件区域高度：62pt

• 完整区域高度：95pt（包含悬浮空间）

6. 编辑菜单 Edit menus

iOS 26对编辑菜单进行了简化：

• 以前：带指向内容的小箭头

• 现在：去掉小箭头，边框整体变成圆角

• 默认命令：剪切、复制、全选、翻译等

7. 开关 Toggles

为配合液态玻璃风格，开关样式做了调整：

• 以前：有厚度感的拟物风格

• 现在：扁平细长的滑轨样式，模拟玻璃质感

• 状态：开/关，通常配合文字说明作用对象

8. 滑块 Sliders

9. 分段控制器 Segmented controls

分段控制器用于在不同视图间切换，iOS 26版本特点：

• 按钮宽度相等（均分）

• 可融入毛玻璃背景

• 支持互斥选择或同时启用（如文本属性）

10. 选择器 Pickers

iOS 26对日期选择器进行了精细化设计：

两种形态：

• 折叠态：仅显示核心信息（如“Apr 1, 2025 9:41 AM”）

• 展开态：显示完整月份视图（含星期、日期数字）和时间选择栏

视觉适配：

• 浅色模式：浅色背景+深色文本

• 深色模式：深色背景+浅色文本

11. 进度指示器 Progress indicators

进度指示器分为两类：

• 可估算进度：用于可预估剩余数值的场景（下载、数据统计）

• 不可估算进度：用于加载、刷新等场景（转圈动画）

12. 页面控制 Page controls

即Banner指示器（那一排小圆点），iOS 26中可：

• 用于Banner轮播指示

• 用于主屏桌面页面滚动指示

• 可组合在工具栏中

13. 动作表单 Action sheets

重要变化：iOS 26允许动作表单从别处的按钮上弹出来，不再局限于底部弹出。

• 以前：总是从底部弹出，覆盖黑色遮罩

• 现在：可从触发按钮处弹出（如发送邮件时的取消按钮）

• 破坏性操作：用红色标出

14. 警报 Alerts

警报用于重要操作的二次确认或系统状态提醒：

• 删除确认

• 登出确认

• 取消订阅

• 权限请求

设计建议：警报基本使用iOS提供的系统样式即可，无需自定义。

15. 菜单 Menus

菜单需用户交互后展示，以节省空间的方式组织多项命令：

常见类型：

• 上下文菜单：选中对象后出现对应命令选项

• 主屏幕快捷操作：长按App图标后出现

三、控件参数速查表

四、新旧对比总结

图标系统变化

控件系统变化

五、新手避坑指南

❌ 常见错误

1. 图标预加圆角：系统会自动应用圆角蒙版，提交正方形图标即可

2. 图标包含文字：小字号在系统缩放后会无法识别

3. 忽略透明模式测试：Clear模式下图标需足够简洁才能保持可识别

4. 标签栏还贴底：iOS 26应采用悬浮标签栏，留出底部边距

5. 还在画首页指示器：iOS 26已默认隐藏，可以不画

6. 导航栏还用文字按钮：新规范鼓励使用SF Symbols图标

✅ 正确做法

• 图标设计保持简洁轮廓，确保在各种系统效果下清晰可辨

• 提交1024×1024正方形PNG，让系统处理圆角和效果

• 标签栏留出底部21pt边距，采用悬浮设计

• 导航按钮优先考虑SF Symbols

• 测试图标在Clear和Tinted模式下的表现

总结

iOS 26的图标与控件设计规范，标志着苹果设计语言的一次重大跃迁：

图标层面：十年来的首次全面重绘，统一各平台设计语言，引入液态玻璃效果和动态光效，同时为用户提供Clear和Tinted等前所未有的自定义选项。

控件层面：全面拥抱悬浮设计，标签栏不再贴底、首页指示器默认隐藏、按钮转向图标为主、开关更加扁平——所有变化都指向一个目标：让界面更通透、更轻盈、更像“液态玻璃”。

对于设计师而言，掌握这套规范意味着：

1. 图标设计：简洁轮廓+强对比度，为系统效果留出空间

2. 控件使用：悬浮式标签栏是标配，底部留白是新常态

3. 新旧兼容：考虑iOS 18及以前的降级显示方案

如果你正在设计iOS 26的新项目，建议将悬浮标签栏、大圆角按钮、SF Symbols导航图标作为标配，并充分利用新的图标自定义能力，让产品既有苹果的原生质感，又有独特的个性表达。

下一期，我们将带来iOS 26的交互动效设计规范，敬请期待。