这是整个 Apple 设计库、乃至整个图形界面设计的源头。两份历史经典: · 1987《Apple Human Interface Guidelines: The Apple Desktop Interface》(164 页)—— 第一部正式的 HIG,为 Macintosh/Apple II 定义桌面 GUI,提出 10 条人机界面原则。 · 1992《Macintosh Human Interface Guidelines》(418 页,11 章)—— 扩展完整版,把原则增至 12 条,并给出菜单/窗口/对话框/控件/图标/颜色等完整组件规范。
震撼之处:1987 年定下的这些原则,几乎一字不改地活在今天的 Apple HIG 设计原则与心法(12 条核心原则 / 流畅界面 / 意图设计 / 多感官 / ML 体验) 里(Feedback/Consistency/Direct Manipulation/User Control…)。读这份是为了理解"为什么现代 HIG 长这样"。
一、12 条人机界面原则(The Human Interface Design Principles)
1987 版 10 条,1992 版加了第 11、12 条。这是全部 GUI 设计的"宪法"。
| # | 原则 | 原话精髓(双语) |
|---|---|---|
| 1 | 现实世界的隐喻 Metaphors | "Use concrete metaphors and make them plain"(用具体的隐喻并讲清楚,让用户把现实预期带到电脑)。桌面(desktop)本身就是主隐喻;但隐喻不必走到逻辑极端(滚动条只是松散地像卷轴)。 |
| 2 | 直接操作 Direct Manipulation | "Users want to feel that they are in charge"(用户要感到自己掌控电脑)。物理动作要有物理结果+反馈(按键有咔哒声、拖文档到废纸篓);可视效果让人知道操作在执行。"Why shouldn't using a computer be fun?" |
| 3 | 看与点(而非记与打)See-and-Point | "Users rely on recognition, not recall"(靠识别而非记忆)。动作=名词后跟动词("Hey you—do this");两范式:先选对象再选动作(菜单列全)/拖对象到另一对象(拖图标进废纸篓)。键盘快捷键是补充不是替代。命令行让用户被迫记忆、注意力被电脑需求占据。 |
| 4 | 一致性 Consistency | "Consistency should be valued above idiosyncratic cleverness"(一致性高于标新立异的小聪明)。App 内一致+App 间一致,技能可迁移;有时该放弃"更贴合某情境的新方案"换"略次但更通用的方案"。 |
| 5 | 所见即所得 WYSIWYG | "There should be no secrets from the user"(对用户没有秘密)。屏幕所见 = 最终打印;用户掌控内容+排版,电脑直接显示结果不必脑补。 |
| 6 | 用户掌控 User Control | "The user, not the computer, initiates and controls all actions"(用户而非电脑发起并控制一切)。反对"电脑当保护者"只给它judge 为"好"的选项;冒险操作给警告但允许确认后继续(保护新手又不剥夺控制)。 |
| 7 | 反馈与对话 Feedback and Dialog | "Keep the user informed. Provide immediate feedback." 操作即时确认、延迟要说明(何时/为何/多久);用用户的词汇而非程序员的。 |
| 8 | 宽容 Forgiveness | "Users make mistakes; forgive them." 用户靠探索学习(不爱读手册);操作尽量可逆,不可逆的要明确告知;警告应该很少出现——若用户被警告轰炸,说明程序设计有问题。 |
| 9 | 感知稳定性 Perceived Stability | "It is the illusion of stability that is important"(重要的是稳定的"错觉"而非严格物理稳定)。给视觉稳定(菜单栏/窗口边框等固定图形)+概念稳定(有限对象+有限动作);不可用的动作变灰而非消失;给用户可依赖的"地标"。 |
| 10 | 美学完整性 Aesthetic Integrity | "Different things look different on the screen." 视觉混乱/丑陋削弱效率;用户能控制外观表达个性;"Messes are acceptable only if the user makes them—applications aren't allowed this freedom"(乱可以是用户弄的,App 没这自由)。 |
| 11 | 无模式 Modelessness(1992 新增) | 尽量让用户在任何时候做任何(合理的)事,别把用户困在某个模式里出不来。 |
| 12 | 了解你的受众 Knowledge of Your Audience(1992 新增) | 从了解用户、识别其需求出发设计;这条把"以人为本"前置成设计起点。 |
二、图形传达原则(Principles of Graphic Communication)
"Good design must communicate, not just dazzle. It must inform, not just impress."(好设计要传达不只是炫,要告知不只是震撼。)
- 视觉一致 Visual Consistency:为用户构建可信环境;照片级写实不必要——精心设计的符号/漫画比完全写实的图更能传意。
- 简洁 Simplicity:"Simple design is good design." 别堆太多窗口/复杂图标/几十个按钮;图标菜单是"用户与电脑沟通的基本语言",消息必须简单。
- 清晰 Clarity:从理解"用户处境/要解决的问题"开始;有时文字比图更好;在真实用户上测试(不是同行);最重要的部分最先被看到;动画克制地用来引导注意力。
三、为什么这份值得读(历史意义)
· 奠基性:1984 Mac 发布后,1987 这份是业界第一份系统化的 GUI 设计规范,把"桌面隐喻 + 直接操作 + 所见即所得"写成可遵循的原则,影响了之后所有操作系统(包括 Windows)。 · 惊人的持久性:对比今天的 Apple HIG 设计原则与心法(12 条核心原则 / 流畅界面 / 意图设计 / 多感官 / ML 体验) —— Feedback / Consistency / Direct Manipulation / User Control / Forgiveness 几乎原样保留;只是表达方式从"桌面/鼠标"演进到"触控/手势/空间"。好原则是普适且永恒的(这正是现代 HIG 12 原则那篇反复强调的)。 · 演进脉络:1987(10 原则·桌面)→ 1992(12 原则·完整组件规范)→ … → 现代 HIG(多平台·Liquid Glass·空间计算)。Modelessness 后来淡出(因 iOS 模态设计回归),但其余 11 条的精神都在。 · 给 PM 的用法:当你纠结"这个交互对不对"时,回到这 12 条原始原则常常能一眼判明(比如"这个不可逆操作没给警告"违反宽容、"这个模式困住用户"违反无模式)。
四、1992 版的完整结构(11 章)
1992《Macintosh HIG》比 1987 大得多,除了 12 原则,还给了完整的组件级规范——这是现代 Apple HIG 组件决策手册(63 个组件 · 何时用哪个) 组件手册的远祖: Ch1 人机界面原则 / Ch2 通用设计考量 / Ch3 开发流程 / Ch4 菜单 / Ch5 窗口 / Ch6 对话框 / Ch7 控件 / Ch8 图标 / Ch9 颜色 / Ch10 行为 / Ch11 语言(文案)。
源自两份历史 PDF(1987 164 页 + 1992 418 页 = 582 页全读,pdftotext 抽文字型 PDF 正文)。这些原则的现代版见 Apple HIG 设计原则与心法(12 条核心原则 / 流畅界面 / 意图设计 / 多感官 / ML 体验);现代组件手册见 Apple HIG 组件决策手册(63 个组件 · 何时用哪个)。两份 PDF 原档在 sources(gitignore,本地保留)。