以 375 × 812(iPhone X 基准)为画布,按产品经理视角规划了 6 个功能模块共 9 个页面: 今日首页、冥想分类、播放页、呼吸练习、睡眠故事、计时器、课程详情、周记录、个人中心。 全部页面在同一 HTML 内以独立设备框横向排列,便于逐屏评审与直接交付开发。
01 · 今日首页
早上好
10 分钟 · 身体扫描 · 适合早晨
呼吸练习
睡眠故事
冥想计时
正念入门 21 天
第 6 天 · 觉察情绪
专注力提升
15 分钟 · 中级
#效率
焦虑缓解练习
8 分钟 · 初级
#情绪
森林清晨
20 分钟 · 环境音
#自然
02 · 分类发现
自然与声音
情绪疗愈
专注与效率
深度睡眠
7 天正念挑战
每天 10 分钟 · 共 7 课 · 已有 12 万人完成
苏瑾 · 呼吸法导师
12 门课程 · 4.9 分
陈默 · 正念减压
9 门课程 · 4.8 分
03 · 冥想播放页
苏瑾 · 身体扫描 · 第 1 段
04 · 呼吸练习
4-4-4-4 节奏 · 缓解焦虑
吸气
4
4
吸气
4
屏息
4
呼气
4
停留
05 · 睡眠故事
所有故事均在 30 分钟后自动停止播放
星夜航船
32 分钟 · 声音质感细腻
落雪小镇
28 分钟 · 壁炉
苔藓森林
24 分钟 · 溪流
退潮海岸
36 分钟 · 海浪
山间白噪音
屋檐雨声
睡眠定时
30 分钟后渐弱停止
06 · 冥想计时器
无引导音,仅计时提醒
12:30
已冥想 12 分 30 秒
5
分钟
15
分钟
30
分钟
60
分钟
07 · 课程详情与播放列表
苏瑾 · 4.9 分 · 3.2 万人学过
21
课时
3.5h
总时长
28%
已完成
第 1 天 · 认识呼吸
12 分钟
第 6 天 · 觉察情绪
15 分钟 · 进行中
第 7 天 · 慈悲冥想
18 分钟
第 21 天 · 毕业回顾
25 分钟
苏瑾
正念减压师 · 10 年教学
08 · 冥想周记录
10 月 7 日 — 10 月 13 日
128
总时长(分钟)
+18%
较上周
6 天
连续练习
42 次
累计完成
09 · 个人中心
林晚晴
已坚持冥想 128 天
年度会员128
连续天数
42h
累计时长
9
完成课程
静息 v1.0.0 · 愿你此刻安宁