设计原则
1. 一目了然
小组件的核心价值在于「无需打开 App 即可获取信息」。因此,信息层级要极其清晰:
- 主信息:用户一眼就能看到的核心数据
- 辅助信息:提供上下文的次要信息
- 装饰元素:增强视觉吸引力,但不能喧宾夺主
2. 尺寸适配
iOS 提供了三种标准小组件尺寸:
| 尺寸 | 适用场景 | 信息容量 |
|---|---|---|
| Small | 单一数据展示 | 1-2 条信息 |
| Medium | 摘要 + 列表 | 3-5 条信息 |
| Large | 详细内容 | 5-10 条信息 |
3. 色彩运用
- 使用高对比度确保在各种壁纸上的可读性
- 支持深色/浅色模式自动切换
- 品牌色要克制使用,不超过 30% 的面积
排版建议
- 标题:SF Pro Display,Semibold,16-20pt
- 正文:SF Pro Text,Regular,13-15pt
- 数据:SF Pro Rounded,Bold,用于数字显示
- 间距:组件内边距建议 16pt,元素间距 8pt
常见错误
- 信息过载:试图在小空间里塞太多内容
- 忽略可访问性:字体太小、对比度不够
- 忽略深色模式:只在浅色背景下测试
- 静态思维:没有利用 Timeline 展示动态内容
总结
好的小组件设计是减法艺术。在有限的空间里,每一个像素都应该有它存在的理由。