苹果风 Apple HIG
当移动端、平板或桌面产品需要让用户快速完成日程、设置、媒体、支付或健康等任务时,Apple HIG 用系统化的导航、控件反馈和内容优先级减少认知负担。
设计风格约 8 分钟 · 从真实需求理解
1让系统界面在操作前就变得熟悉
A good interface prepares the next step before you ask.
MAY 20 · MONTODAY'S PLAN
4 / 7Make the next hour easier.
Use system navigation, clear feedback, and a predictable Focus control to shape a quiet planning session.
START FOCUSEDIT SCHEDULE
Every action should have a visible, readable result.
TODAY'S TASKS3 tasks remain before lunch
FOCUSING · 45 MIN09:00Review product briefNorthstar project · 12 min
DONE09:30Write opening notesFocus block · 45 min
OPEN10:30Send a quiet updateTeam channel · 3 readers
OPENApple HIG 关注的是一整套可预测的系统关系:用户知道自己在哪里、能做什么、操作后会发生什么,也能通过文字、结构和辅助语义理解同一个结果。视觉上的克制只是这些关系变清楚后的结果。
- 用侧栏、工具栏、标签栏或分段入口提供稳定的位置感,不让导航藏在只靠图标猜测的装饰里。
- 把标题、分组、列表行和主要动作排成自然阅读顺序,连续内容不要被无意义的卡片切碎。
- 控件要有熟悉的形态、清楚的标签和可观察的状态;颜色可以强化反馈,但不能成为唯一证据。
- 动态效果只帮助用户理解层级、转场或结果,减少动效后仍必须保留完整的内容和反馈。
- 可访问名称、焦点顺序、对比度和 VoiceOver 能读出的信息属于页面结构,不是视觉完成后的附加装饰。
2设计原则
Apple HIG 最容易被缩减成白色背景、圆角矩形和蓝色按钮。真正的边界在于:系统外观只是表面,HIG 还要求导航位置稳定、控件行为可预测、信息层级清楚,并且让不同能力的用户都能理解同一个页面结果。
- 留白要帮助标题、分组和主要动作建立优先级,不是把内容稀释成一张没有重点的白纸。
- 系统控件旁边要有明确的当前值、可访问名称或结果文案;图标不能替代所有说明。
- 列表、设置和票据等连续内容应保持一致的边距、分隔和触控目标,减少用户重新学习的成本。
- 动态反馈、焦点顺序、键盘/辅助技术语义与视觉层级共同组成界面,不要只验收静态截图。
它和普通极简页面的差异在于:Apple HIG 不只追求少,而是把系统关系、操作反馈和无障碍路径一起做得可预期;和“苹果风皮肤”的差异在于,删除圆角和蓝色后,信息结构仍然应该成立。
3典型使用场景
典型使用场景
这段演示的配置模板暂不可用。
- 专注模式设置:让开关、结束时间和允许通知在同一系统层级中表达可预测状态。
- 登机行程查看:把登机口、时间线和票据入口按 glanceable 优先级排好。
- 无障碍账单摘要:让数字、分类、付款入口和 VoiceOver 文本共同表达完整信息。
4怎样把 Apple HIG 需求交给 Agent?
请制作一个真实的移动端、平板或桌面任务页面,并按 Apple HIG 的方式建立可预测的系统关系:先说明用户在哪里、要完成什么以及下一步入口,再用稳定的侧栏/工具栏/标签栏、清晰的分组层级、熟悉的控件尺寸和相邻状态文字组织内容。颜色、圆角和轻量动效只能强化层级与反馈,不能代替语义。请同时提供可访问名称、焦点/阅读顺序、对比度和 VoiceOver 能理解的文本结果;在 720px、390px、320px 下导航自然收拢,标题、核心数据、主要控件和结果反馈都要可读,页面不得横向滚动或被裁切。
社区延伸
看别人真实遇到过什么
社区帖子还没有关联到这个词条。