故事线：3步进入宁静
- 无思考一键开始：焦虑时无需选择，直接进入“专注/放松/睡眠”场景。
- 自然过渡：柔和淡入、可视化呼吸，降低生理唤醒。
- 轻量留存：微奖励与连续天数，养成习惯且不打扰。
一键静心
智能混音
低扰留存
或直接点击右侧手机原型自由探索
欢迎来到 CalmFlow
让大脑迅速安静下来
专注、放松与睡眠的“零学习成本”白噪音体验
无广告 · 离线可用
设计理念与实现说明
产品定位
为在快节奏城市环境中寻求“快速进入安静状态”的人群，提供零学习成本、可个性化且不打扰的冥想白噪音体验。
目标用户
- • 打工人/学生：被消息打断、注意力涣散
- • 焦虑易感者：入睡困难、心率偏高
- • 噪声环境者：通勤/工位噪声干扰
核心痛点（优先级）
- 启动难：焦虑场景下决策负担大
- 个性化复杂：混音参数难以把握
- 难以坚持：缺乏温和而持续的反馈
核心用户流程
graph TD
A[打开App] --> B{情绪/目的}
B -->|焦虑/急| C[一键静心]
B -->|从容| D[选择场景]
C --> E[播放器: 渐入 + 呼吸环]
D --> E
E --> F{是否定时}
F -->|是| G[设置定时]
F -->|否| H[直接播放]
G --> I[进行中: 微反馈]
H --> I
I --> J[完成: 渐出 + 钟声]
J --> K[进度页: 温和成就/连续天数]
功能地图
graph LR
App[CalmFlow]
App --> Onb[Onboarding 一键静心]
App --> Scenes[场景库]
App --> Player[播放器/混音]
App --> Timer[定时/番茄]
App --> Breath[呼吸教练]
App --> Progress[进度/成就]
Scenes --> SmartMix[强度滑杆(智能混音)]
Player --> Fades[淡入淡出/状态反馈]
Progress --> Streak[连续天数]
痛点解决方案详解
① 启动难
- 一键静心卡：预设场景
- 渐入音量：降低惊扰
- 呼吸环：视觉引导躯体放松
② 个性化复杂
- 强度滑杆：抽象多参数
- 一键重置混音
- 场景背景：情境暗示
③ 难坚持
- 微成就与连续天数
- 低打扰策略
- 温和趋势反馈
色彩系统
深色低噪底色，点缀以冷暖品牌渐变，营造“静谧且有生命力”的氛围。
排版
中英混排优先 Noto Sans SC（失败回退系统无衬线）。层级：标题 20–24，正文 14–16，说明 11–12。
组件
- • 场景卡（Tile）
- • 呼吸环（Ring）
- • 混音滑杆 + 重置
- • 定时 Bottom Sheet
- • 微成就卡