疗愈柔和风Soft Wellness
你可能会说
想要 Calm 那种感觉：一打开人就松下来，颜色是奶的、角是圆的、卡片是鼓的。
疗愈柔和风是冥想、睡眠、习惯与心理健康类 App 的通用外观：整屏低饱和渐变底、超大圆角卡片、圆润显示字体，再配一个手绘或 3D 吉祥物它做对三件事：颜色先把情绪定下来（天空蓝、日落橙、雾紫），内容再进来；大圆角和留白把「工具感」换成「陪伴感」；进度和反馈交给吉祥物，用户被鼓励而不是被打分。代价是信息密度天然偏低，金融、效率这类严肃场景用它容易显得不专业。
也常被叫作冥想 App 风Calm 风情绪化配色Wellness Soft
设计原则 · Principles
- 整屏一个低饱和渐变底（天空 / 日落 / 夜色），内容浮在渐变上，不做纯白卡片墙
- 圆角统一放大到 20–28pt，按钮做成胶囊；阴影用大范围柔光，不用 1pt 硬边框
- 标题用圆润显示字体（Saans、Sofia、Quicksand 一类），字重不超过 600、字号给足 28–34pt
- 强调色按情绪分组而不是按品牌：睡眠紫、呼吸橙、活动绿，每屏只出现本屏那一个色系
- 吉祥物贯穿空态、加载和完成反馈，庆祝动效做慢（400ms 以上、ease-out）
- 深色态不是反色，是换成夜色版：版式与组件不动，只把渐变换成深蓝紫、插画降亮
容易混淆？这样区分
疗愈柔和风≠新拟物（Neumorphism）
新拟物靠同色凹凸阴影造「塑料浮雕」，是一种纯技法，可以出现在任何题材上；疗愈柔和风靠渐变、插画和圆润字体造「情绪」，阴影只是配角，题材锁死在身心健康。
疗愈柔和风≠可爱风 / Kawaii
可爱风可以很吵——高饱和、多色、满屏贴纸；疗愈柔和风必须安静：饱和度压低、动效放慢、每屏只留一个视觉焦点。
AI 提示词 · Prompt
把这个 App 改成疗愈柔和风：整屏用低饱和渐变底（白天态 #F8DCC3→#DCB8E8，夜色态 #1B1E3C→#3A2F5C），内容卡片浮在渐变上；卡片圆角 24pt、按钮胶囊形、阴影用大范围柔光（0 12px 32px rgba(0,0,0,.08)），不要 1pt 硬边框；标题用圆润显示字体、字重 600、字号 28–34，正文 16；每个功能区给一个情绪色系（睡眠紫 #6C5CE7、呼吸橙 #FF8F5E、活动绿 #4CAF7D），不要全站单一品牌色；空态与完成态由一个小吉祥物插画承担反馈，动效时长不低于 400ms、缓动 ease-out。布局与文案保持不变，深浅两态共用一套组件。
典型使用场景
真实在架案例 · 三个把「松下来」做成生意的 App
左右滑动查看完整示例
Calm
Headspace
Finch白天态 / 夜色态 · 换材料不换版式
左右滑动查看完整示例
商业验证 · 情绪化外观的付费转化
左右滑动查看完整示例
| 产品 | 收费方式 | 评分 / 人数 | 最近更新 | 官方荣誉 |
|---|---|---|---|---|
| Calm ↗ | 免费 + 订阅内购 | 4.77★ / 1,981,719 | 2026-09-04 | App Store Awards Winner · Editors' Choice |
| Headspace ↗ | 免费 + 订阅内购 | 4.84★ / 973,842 | 2026-09-16 | Apple Design Award（Social Impact）· Webby |
| Finch ↗ | 免费 + 内购 | 4.95★ / 752,908 | 2026-09-17 | 无 |
数据于 2026-09-18 通过 iTunes Lookup API 与 App Store 产品页逐项核验；荣誉栏取自各产品官方截图中的自述奖项。
延伸阅读 · 权威出处