Serenity · iOS Prototype

冥想 App 完整原型

产品视角：面向「高压上班族 + 入睡困难者 + 冥想初学者」三类核心人群，围绕 每日引导 → 课程练习 → 呼吸调节 → 睡眠故事 → 回顾激励 的闭环规划 8 个页面。 设计视角：夜色靛蓝基底 + 紫罗兰光晕 + 鼠尾草绿点缀，玻璃拟态卡片、大留白与圆润几何，传达安静、被包裹的安全感；全部界面以 iPhone 375×812 为基准绘制于同一页面。

场景：通勤碎片 10 分钟 场景：睡前 30 分钟 unwind 场景：焦虑突发 90 秒呼吸 场景：连续打卡激励
冥想引导背景
9:41⦿ ▮▮▮

把安静
带回你身边

每天 10 分钟引导冥想，缓解焦虑、改善睡眠、训练专注。科学编排的呼吸与正念练习，陪你从第一次呼吸开始。

继续即表示同意《服务条款》与《隐私政策》

① 引导页 · 价值主张与转化

9:41⦿ ▮▮

10 月 14 日 · 周二

晚上好，Yuki 🌙

Y

此刻的感觉是？

已根据「焦虑」为你调整今日推荐：90 秒盒式呼吸 + 身体扫描。

今日课程封面
今日推荐 · DAY 12

山间晨雾 · 身体扫描

10 分钟 · 引导：林声 · 缓解晨间紧绷

继续上次进度

04:12 / 10:00

下载 ⟳
🫧

呼吸练习

90 秒急救

🌧

睡眠故事

32 个新篇

🎧

环境声

雨 / 浪 / 炉火

继续学习

课程封面

七日入门 · 第 3 天

观察呼吸 · 8 分钟

课程封面

与焦虑共处 · 第 5 天

命名情绪 · 12 分钟

◉今天 ☰课程 ◔呼吸 ☾睡眠 ◠我的

② 首页 Today · 心情签到驱动个性化推荐

9:41⦿ ▮▮

课程库

⌕ 搜索主题
专题封面
编辑精选专题

星空下的
深度放松

21 天 · 每晚 15 分钟

热门系列

专注力训练

14 节

单任务深度工作前的 6 分钟锚定

专注进阶

睡前卸载大脑

10 节

把白天的清单写进脑海之外

睡眠入门

与焦虑共处

12 节

认知解离 × 呼吸锚定组合练习

焦虑进阶
◉今天 ☰课程 ◔呼吸 ☾睡眠 ◠我的

③ 课程库 · 分类筛选与专题运营位

播放器背景
9:41⦿ ▮▮
⌄

正在播放 · 身体扫描

山间晨雾

⋯
课程封面

山间晨雾 · 身体扫描

引导人 林声 · 第 12 天 / 共 21 天

04:12-05:48
↺ 15 15 ↻
雨声 · 开 1.0× 定时 10 分

④ 播放器 · 播放状态 / 环境声叠加 / 定时（按钮可点按切换）

9:41⦿ ▮▮
‹

盒式呼吸 · Box 4-4-4-4

设置

吸气

4

用鼻腔缓缓吸气 4 秒 → 屏息 4 秒 →
口呼气 4 秒 → 屏息 4 秒，循环 6 轮

4-4-4-4 盒式 4-7-8 安神 生理性叹息

已完成 今日 2 / 3 轮 · 连续 9 天

◉今天 ☰课程 ◔呼吸 ☾睡眠 ◠我的

⑤ 呼吸练习 · 实时节律动画（CSS 关键帧驱动）

夜空
9:41⦿ ▮▮

今晚，睡深一点

睡眠故事 · 白噪景 · 入睡定时

入睡定时器

到点后淡出音量并停止

25 分钟

睡眠故事

夜航船的灯塔

28 分钟 · 男声低语

▶

雪线之上的木屋

35 分钟 · 壁炉 & 风雪

▶

声景混合器

🌧

雨

60%

🌊

浪

关

🔥

炉火

关

🌲

林风

关

◉今天 ☰课程 ◔呼吸 ☾睡眠 ◠我的

⑥ 睡眠 · 故事 / 声景混合器 / 入睡定时

9:41⦿ ▮▮▮

你的静默里程

27

连续天数

18.5

累计小时

96

完成练习

本周分钟数共 84 分钟
一二三四五六日

心境趋势

近 30 天「平静」占比从 31% 升至 58%，焦虑签到减少 42%。

🏅

晨光者 · 连续 7 天晨间练习

🌊

深潜者 · 累计 20 小时

◉今天 ☰课程 ◔呼吸 ☾睡眠 ◠我的

⑦ 统计 · 连续打卡 / 心境趋势 / 成就徽章

9:41⦿ ▮▮
Y

Yuki

冥想龄 148 天 · 静默 18.5 小时

⚙

Serenity Plus

2027-03-01 到期

解锁全部课程、离线下载与高级声景混合器。家庭组还可邀请 5 位成员。

🔔 每日提醒21:30 · 开
🌗 外观跟随系统
离线下载6 个课程 · 214MB
♥ 健康数据同步Apple 健康 · 开
👥 家庭组3 / 6 人
🎓 冥想新手指南›
💬 联系引导人›
🛡 隐私与数据导出›

Serenity 3.2.0 · 用呼吸丈量时间

◉今天 ☰课程 ◔呼吸 ☾睡眠 ◠我的

⑧ 我的 · 订阅 / 提醒 / 离线 / 家庭组