apple-design

Apple Design（系列中心）

以 Apple 的方式做设计的参考——也是通往该系列其余内容的索引。Apple 的整套体系建立在三个 HIG 主题之上：

• Clarity（清晰）——在任何尺寸下都清晰易读，图标精准，装饰服从于功能。
• Deference（克制）——流畅的动效与清晰、大多半透明的 UI，让内容主导；界面元素退居其后。
• Depth（深度）——分明的层次与逼真的动效传达层级关系与空间感。

2025 年的 Liquid Glass 时代将所有平台统一在一种自适应、半透明的材质之上；设计目标是层级、和谐、一致。阅读 references/philosophy-and-evolution.md 了解完整的「为什么」（拟物化 → 扁平化 → 深度 → 玻璃）——要模仿的是推理过程，而不只是模糊效果。

⚠ 克制优先——但克制是双向的

Apple 的标志是克制：它舍弃的远多于它施加的。「做得像 Apple」最常见的翻车方式是效果太多——但同等且相反的失败是，在错误的界面上效果太少。

双轴决策——在伸手去加任何效果之前，先两轴都选好：

轴	问题	规则
克制轴	我加的是装饰，还是含义？	移除任何只增加装饰的东西。浅色优先，一个强调色，用字体 + 留白承载层级，玻璃 = 仅用于界面元素。
界面轴	这是工具型界面，还是旗舰/营销页面？	工具型（应用/仪表盘/表单）：动效近乎不可见，弹簧 ≤300ms，电影化效果关闭。旗舰型（落地页/主视觉/产品页）：动效就是实质内容——必须要有连续的滚动驱动编排；静态页面就是失败。

同样的克制纪律，相反的动效预算——界面决定预算。

• 浅色是默认；深色是例外。 不要默认使用深色主视觉。
• 展示真实产品——真实设备边框里的真实截图。占位符/抽象色块是失败，不是替代品。
• 一个强调色，大量中性色 + 留白。字体 + 留白承载层级——不是盒子、边框或发光。
• 玻璃 = 仅用于界面元素（导航 / 面板 / 侧边栏），不是每张卡片。渐变文字 0–1 次，不是每个标题。Bento 只用一次，用在它值得的地方。
• 在称任何东西为「Apple 级」之前，对每个效果问一句：「把它移除——设计是失去了含义，还是只失去了装饰？」 如果只是装饰，就移除它。 在旗舰页面上还要问：「是否至少有一个连续的滚动驱动电影化场景，还是这只是个死模板？」

克制范例：frontend/css/landing.css（克制、浅色优先、一个强调色）。
鲜活范例：apple.com/iphone（连续的滚动进度变换、固定场景、主题变形、环境浮动——电影化的基准）。

完整指南 + 廉价感陷阱表 + 死模板防护 + 克制清单：references/restraint-and-antislop.md——在阅读子技能中的效果配方之前先读它。

何时使用本中心

• 任务是「让它有 Apple / 高级感」，而你不确定该用哪个子技能 → 从这里开始，然后分流。
• 你想要理念/原则、时代历史，或横切规则。

路由到正确的子技能

本系列偏重技术与功能实质 —— 布局/网格系统、动效机制和交互逻辑（事物如何表现以及为什么）。颜色/主题是可替换的轻量部分（仅一份参考）；不要过度关注它。

需求	技能
布局/网格/间距 + 自适应/响应式逻辑 · 排版（+ 颜色）	apple-design-foundations
交互逻辑 —— 导航模型、状态/加载/空/错误行为、感知性能、输入/焦点	apple-design-interaction
动画/弹簧 + 时序与编排、手势、触感反馈、微交互	apple-design-motion
iOS/iPadOS/macOS/visionOS/watchOS 界面 + 组件解剖	apple-design-os
玻璃/通透材质、App 图标、SF Symbols	apple-design-materials
apple.com 营销页面、滚动叙事、前端工程	apple-design-web
CDN/图片/视频分发 +（逆向工程的）后端架构	apple-design-backend
无障碍/包容性设计 + 营销/说服/品牌策略	apple-design-tactics
"让这个落地页/营销页面充满活力" / apple.com/iphone 风格的滚动叙事	apple-design-web（交互清单、滚动叙事配方）+ apple-design-motion（连续滚动进度区块、阻尼 lerp 原语、固定场景）

通用 Apple 规则（适用于所有场景）

• 让位于内容：界面外壳安静、通透，不去碍事。
• 使用系统字体栈和语义化颜色，而非硬编码十六进制值（可适应浅色/深色/高对比度）。
• 动效基于弹簧、可中断，并尊重 prefers-reduced-motion。
• 最小 44pt 触控目标；布局必须为 Dynamic Type 重排，绝不截断。
• 材质必须在降低透明度/增强对比度下优雅降级。

置信度标签（用于所有参考文件）

参考文件中的每一条非平凡论断都带有标签：[observed]（可在产品中验证）、[documented]（Apple HIG/WWDC/文档）、[inferred]（有推理、未经证实）或 [speculative]（有根据的猜测）。将 [inferred]/[speculative] 视为分析，而非事实 —— 这在 apple-design-backend 中最为重要。

参考

• references/restraint-and-antislop.md —— 首先阅读。 Apple 的真实默认做法（浅色优先、真实产品、单一强调色）+ AI 垃圾内容的陷阱 + 克制清单。
• references/philosophy-and-evolution.md —— HIG 原则、时代演变，以及每次转变背后的原因。