指导手册
基于 Jony Ive · Esslinger · Dieter Rams 设计哲学
Apple Human Interface Guidelines 2025 · Liquid Glass · iOS 26
v3.0 · 2026.03
设计哲学
"设计不是工程的下游——它是工程的上游。
不是先做好电路板再给它包一个壳子，
而是先定义用户应该有什么样的体验，
然后反向要求工程去实现。"
1983
Esslinger
白雪公主设计语言
极简功能主义为外
情感化为内核
1997
Jobs + Ive
双子星相遇
Jobs 决定做什么
Ive 决定怎么做
2007
iPhone
设计驱动工程巅峰
一个按键
全玻璃面板
2013
iOS 7
扁平化 UI
功能主义统治十年
更高效 · 更标准化
2025
Liquid Glass
iOS 26
材质即层次
前景与背景分离
Ive 的三种能力
审美判断力
视觉 DNA 的统一管理
双轨制：旗舰轨 vs 大众轨
"各个产品都有自己独立发展的设计语言——这正是乔布斯要解决的问题"
创作渴望 + 情感化
通感 · 幽默 · 物理感动效
性能即情感
"它为 Apple 融入了一些奇怪的幽默感——像电影彩蛋一样的冷梗"
工程工艺理解
内容层级 · 自适应加载
Canvas 解码 · 渐进式降级
"10% 时间完成设计，90% 时间协调工程与制造"
Dieter Rams
"iPod 造型来自博朗 T3 收音机，iMac 向日葵情态与博朗 LE 音箱惊人一致"
Marc Newson
珠宝/飞机设计师加入 Apple → 科技奢侈品调性更加明确（145元眼镜布 / 6999元爱马仕表带）
情感化设计
"它为 Apple 融入了一些奇怪的幽默感"
Omggggg 5G
5 台 iPhone 拼出信号格造型，配文 5 个 g 暗喻 5G。
让用户自己发现——发现的快感远大于被告知的快感。
→ vivo: iQOO AI 功能不说"AI 赋能"，让 AI 在页面上做一件出人意料的事
Any more pro and it would need an agent.
用幽默传递自信。不说"很专业"，而是说"太专业了简直不像手机"。
→ vivo: "再强一点就该去参加电影节了。"
Smile. Snap. Share. Repeat.
四个动词 · 无限循环。零参数，完整描述用户和相机的关系。
→ vivo S 系列: "拍。修。发。再来。"
Worth the upgrade? 100 percent.
直接回答最关心的问题。一句话比十页参数更有说服力。
→ vivo: "换了就回不去了。"
向自然致敬
出处
"夜晚的降临是有加速度的，所以 Apple 网页内的阴影动效都有着精致的加速度曲线。被流水冲刷的石头表面，应该是没有开模线的。所以 Apple 的外壳让工业制品像流水的造物一样纯粹无缝。"
文案
维度一
🔵 旗舰轨
X 系列 · iQOO Ultra · X Fold
| 背景 | 纯黑 #000 ~ #1A1A1A |
| 光源 | Rembrandt 单侧点光源 |
| 色彩 | ≤ 2 色 · 极度克制 |
| 文案 | 精确 · 克制 · 权威 |
| 动效 | 缓慢 · ease-out · 有重量感 |
| 气质 | 科技精英 · 专业工具 |
🟣 大众轨
S 系列 · Y 系列 · iQOO 中端
| 背景 | 产品色低饱和延伸 |
| 光源 | 漫反射环境光 |
| 色彩 | ≤ 3 色 · 允许产品色 |
| 文案 | 口语化 · 幽默 · 生活 |
| 动效 | 轻快 · spring · 弹性 |
| 气质 | 生活伙伴 · 年轻文化 |
维度三 · 技术工程
所有方案在代码框架内完成 · 不依赖 CDN
A
千人千面自适应加载
B
渐进式升级与降级
C
移动端视频解码优化
"在每个消费者都可贴上标签，
每个用户都有精准触达和转化策略的今天，
你在 Apple 的官网上却还是只能看见他的产品。
没有代言，没有明星，
也没有清晰定位的用户形象。
产品站 Apple 品质对标指导手册 · v3.0 · 2026.03