苹果风
Apple HIG
初级通用苹果风(Apple HIG)是借鉴苹果人机界面指南来设计产品的思路,重点是让界面、操作和反馈符合所在平台的使用习惯。它能帮你把「做得像苹果」从圆角和毛玻璃,落实到导航、控件与交互;例如让 iPhone App 的设置页用用户熟悉的方式组织选项。
你可能会说:「我想让这个 iPhone App 用起来像系统自带应用,不只是把按钮做成圆角。」
动手看看iPhone App 的账户设置页
切换界面风格,再调页面留白;也可以悬停设置项、用 Tab 聚焦返回和通知开关。苹果风不只是圆角:熟悉的返回导航、分组设置和清楚的开关反馈同样重要。
要点苹果风到底从哪里入手?
- 1
先看产品运行在哪个平台
同一项功能放在 iPhone、iPad 和 Mac 上,用户预期的操作方式可能不同。你先告诉 AI Agent 产品运行在哪个平台、主要用触屏还是鼠标键盘,它才好选择合适的导航和控件,而不是套一张通用皮肤。
- 2
把熟悉的操作放在外观前面
比如做一个待办 App,用户需要快速找到列表、完成任务、撤销误操作。我们先理顺这些动作的入口和反馈,再决定图标、间距与材质;因为界面像不像系统应用,很大程度取决于用起来是否顺手。
- 3
让内容和状态保持清楚
苹果风常给内容留出清晰的层级,让控件的作用和当前状态容易辨认。你让 AI 生成页面时,可以一起检查深色模式、文字放大、错误提示和辅助功能;这些情况处理不好,光靠留白也撑不起体验。
容易混淆的地方
苹果风不等于极简风:极简风主要描述视觉上的取舍,Apple HIG 还涉及平台习惯、交互方式和状态反馈。它也不等于玻璃拟态;毛玻璃只是可能用到的一种视觉效果。更重要的是,借鉴 HIG 不代表产品获得苹果认可,也不意味着把苹果应用的外观逐像素复制过来。
什么时候用
适合用
- 你正在做 iPhone App 的任务列表,需要和 AI Agent 一起确定导航、任务操作及完成后的反馈。
- 你把现有 iPad App 扩展到 Mac,想重新考虑窗口、侧边栏和鼠标键盘操作,而非直接放大界面。
- 你要评审 AI 生成的原生应用原型,想检查它是否符合目标平台用户熟悉的操作习惯。
不适合用
- 你做的是跨平台企业后台,团队主要靠密集表格处理数据;先按工作流程设计,不必以苹果风为目标。
- 你只是在为活动网站选一套视觉气质,交互又没有平台特性;可以用情绪板和视觉层级来定方向。
- 你需要严格遵循另一套产品平台的原生交互习惯;先参考该平台的设计体系,而不是套用 Apple HIG。
练一练选一个答案,看看解释
你让 AI Agent 为一款 iPhone 记账 App 设计新增支出页面。下面哪种要求最能体现你理解的苹果风?
让 AI 帮你做复制给 AI Agent 直接用
请按苹果风(Apple HIG)的思路设计这款 iPhone 记账 App 的新增支出页。先说明金额输入、分类选择、保存和出错时用户会经历什么,再选符合 iPhone 使用习惯的导航与控件。检查深色模式、文字放大和操作反馈;不要只靠圆角或毛玻璃营造外观。