苹果风Apple HIG
设计风格用单屏重点、细腻层级和材质突出产品
苹果风通常有充足留白、清楚的单屏重点、连续圆角和克制的材质效果。素材质量、文字对比度和内容节奏比模仿某个数值更重要，也要尊重系统减少透明效果的设置。
设计原则 · Principles
- 每个视区先确定一个重点：留白服务于聚焦和节奏，不是单纯把内容拉得很散一屏只讲一件事剩下全是留白
- 圆角与组件尺寸成比例：大卡片可以更圆，小控件要保证边界和点击区域清楚
- 毛玻璃只在需要看见背景关系的浮层使用：同时保证对比度，并准备关闭模糊时仍可读的背景
- 阴影表达前后层级：近层边界清楚，悬浮层可以更柔和；数值要根据背景现场调试
- 渐变承担明确作用：可以点出关键词或材质光感，但不要牺牲文字可读性M4 Pro
什么时候用
- 产品发布页，让少量核心卖点和产品图成为主角全新的它，来了。
- 强调工艺与体验，并有真实产品细节支撑¥9,999 起购买 >
- 已经具备高质量图片、视频或渲染素材
- 消费级产品介绍，需要展示关键界面和设备适配专注森林★ 4.9 · 效率类第 1 名
什么时候不用
- 数据密集工具使用过大留白，降低扫描效率数据密集的后台，大留白是浪费
- 同时堆叠毛玻璃、大圆角和强渐变处处毛玻璃
- 素材质量不足，却依赖视觉效果掩盖内容低清图 + 山寨圆角 + 系统默认字体素材跟不上，苹果风最容易露馅
- 表单字段间距过大，破坏连续阅读和填写报销单审批（每字段间隔 80px）填表工具页，效率优先不是好看优先
组成结构 · Anatomy
大圆角 16-28px
毛玻璃材质
分层软阴影
渐变点睛
Aa大字紧字距
奢侈留白
1连续圆角Corner示例使用较大圆角；实际半径要跟随卡片、按钮和图标尺寸
2半透明材质Material导航与浮层可以透出环境色，但要保证对比度和无模糊时的可读性
3分层软阴影Shadow近处边界与远处柔影共同表达悬浮关系，数值不是固定配方
4渐变点睛Gradient用于强调或材质光感，范围应由内容和对比度决定
5大标题Type标题可以更大、更紧凑，但中英文应分别测试字距和换行
6聚焦留白Space用留白突出当前卖点，同时保留下一步操作和必要说明
AI 提示词 · Prompt
苹果官网风产品页，超大留白，一屏一个卖点，毛玻璃导航，16-28px 大圆角，分层柔和阴影，渐变色关键词点缀，大字紧字距，Apple HIG style product page, generous whitespace, frosted glass navbar, continuous corner radius, layered soft shadows, gradient accent text典型使用场景
消费电子产品发布页
系统级毛玻璃窗口
App 分发详情页
穿戴设备健康页