独立开发者最容易忽略的事情之一：设计系统。不是说要做一套 Material Design 那样的巨型规范，而是——你的 App 看起来像是同一个人做的吗？
日均的设计关键词是四个字：温暖极简。
为什么需要设计系统
一个人做 App，最常见的状态是：这个页面用了蓝色，那个页面用了绿色，按钮有的圆角 8px 有的 16px，字号从 12 到 18 随机分布。
不是审美问题，是效率问题。每次写新页面都要重新决定颜色、间距、字号，这些决策消耗的心智资源比你想象的多。
所以在写第一行 SwiftUI 代码之前，我先做了一件事：用 HTML 原型定义设计语言。
设计理念：温暖极简
干净但不冷漠。App 应该像一个值得信赖的朋友帮你思考，而不是一张电子表格。
参考对象：
- Apple Notes 的简洁
- Notion 的卡片布局
- 温暖色调（不是纯白纯黑）
关键决策：背景色不用 #FFFFFF，用暖米色 #F7F5F2。这一个决定就让整个 App 的感觉从"工具"变成了"生活"。
色彩系统：四种情绪
日均的色彩不是随便选的，每种颜色对应一种情绪状态：
| 颜色 | 色值 | 情绪 | 使用场景 |
|---|---|---|---|
| 薄荷绿 | #3D9E7E | 正向 / 值得 | 品牌主色、CTA、成本下降 |
| 蓝色 | #3A78B5 | 中性 / 追踪中 | 冷静清单、按时间追踪 |
| 橙色 | #E8A87C | 警告 / 偏贵 | 高成本提醒、紧急冷静 |
| 紫色 | #7952D4 | 决策 / 反思 | 冷静详情、倒计时 |
这套颜色系统的好处是：用户不需要读文字，看颜色就知道这个物品的状态。绿色 = 值，橙色 = 贵，紫色 = 再想想。
卡片设计：克制的阴影
日均的卡片设计有一个原则：阴影极其克制。
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
0.06 的透明度。大多数 App 用 0.1 到 0.2，日均刻意压低。原因是：暖米色背景 + 重阴影 = 脏。轻阴影让卡片"浮"起来，但不会抢视线。
卡片的其他规范：
- 圆角 20px（大卡片）、16px（小元素）
- 内边距 16–18px
- 背景纯白
#FFFFFF
数字的温度：生活类比
设计系统不只是视觉，还包括文案。日均最重要的设计决策之一是生活类比。
"日均 ¥16" 是冰冷的数字。但 "≈ 一杯咖啡" 立刻有了温度。
这个设计贯穿整个 App：
- 算一算结果页：大数字 + 判断标签 + 生活类比，三层信息交错动画展示
- 物品卡片：右上角用颜色色块暗示价值判断
- 进度条：渐变填充，用得越多颜色越"满"
动画原则：冷静克制
日均的动画有一条红线：不用弹性/弹跳动画。
.animation(.easeInOut(duration: 0.25), value: someState)
原因很简单：日均帮用户做理性决策，弹跳动画传递的是"活泼"和"兴奋"，跟产品气质不符。
动画规范：
- 过渡动画 0.25s
- 展示动画 0.3s
- 交错展示：元素间 0.3s 延迟
- 缓动函数统一
.easeInOut
Emoji 作为视觉标识
一个省钱的设计决策：用 Emoji 代替自定义图标作为物品的主要视觉标识。
好处：
- 零设计成本
- 用户自选，有归属感
- 跨平台一致
- 放在 42px 圆角色块中，配合主题色，效果不输自定义图标
营销视觉一致性
设计系统不止于 App 内部。小红书封面、App Store 截图都遵循同一套规范：
- 薄荷绿主色
- 暖米色背景（不用纯白纯黑）
- 大数字用粗体
- Emoji 作为视觉锚点
- 温暖感，不要企业感
这让用户从小红书看到封面，到 App Store 看到截图，到打开 App，视觉体验是连贯的。
给独立开发者的建议
- 先定颜色，再写代码 — 3-4 个主色 + 背景色 + 文字色，够了
- 背景色别用纯白 — 加一点暖色（米色、浅灰），质感立刻不同
- 阴影要克制 — 透明度 0.06-0.08，不要超过 0.1
- 统一圆角 — 选 2-3 个值（比如 12/16/20），全局复用
- 文案也是设计 — "计算"不如"看看值不值"，"确认"不如"开始追踪"
设计系统不需要完美，需要一致。一致性本身就是专业感。
下一篇聊留存——D7 留存 4%，我是怎么诊断问题并尝试破局的。