PROTOTYPE · V1

静水 · 冥想 App 完整原型

面向睡眠不足、注意力被切碎的城市上班族。产品只做三件事:让人每天都愿意坐下来五分钟、 让人随时能进入放松状态、让人看得见坚持的变化。全部 10 个界面基于 iPhone 标准尺寸 375 × 812,集中在同一个 HTML 文件中展示,深色 + 极光渐变风格, 图片使用 Unsplash,样式全部由 Tailwind CSS 完成。

设计基准 375 × 812 Tailwind CSS Unsplash 10 个界面 4 个一级 Tab 玻璃拟态

01 · 首次启动 · 目标

静水

你希望
从哪一件
小事开始?

我们会据此调整首页的推荐顺序,之后随时可以在设置里改。

😴

睡得更好

睡前放松 · 唤醒浅眠

🧘

减轻焦虑

呼吸练习 · 身体扫描

🎯

专注当下

番茄钟 · 专注冥想

💆

身体放松

肩颈 · 下背 · 全身扫描

前 7 天每天 5 分钟,不收费

02 · 首页 · 今日

9 月 30 日 · 星期二

晚上好

🔥 7 天 深
夜里的雪山
今日推荐

睡前 · 放下今天

12 分钟 · 身体扫描 + 呼吸引导

7

连续 7 天

再坚持 3 天解锁「月亮」徽章

⏱️

定时器

自由时长

🌬️

呼吸

4-7-8 法

🌊

白噪音

雨 / 海 / 风

为你推荐

全部
雾中的森林

雾中行走

10 分钟 · 焦虑

林间光

林间呼吸

15 分钟 · 专注

海边

潮汐放松

8 分钟 · 疲惫

03 · 发现 · 内容库

发现

搜索课程、主题、老师
全部 睡眠 焦虑 专注 身体 关系 新手
星空
7 天睡眠改善

21 天,把睡眠
还给自己

已有 12,480 人加入

七日系列

烛光

睡前 7 夜

7 课 · 已完成 3

茶

10 分钟正念

10 课 · 已完成 1

单次练习

清晨

晨间唤醒

8 分钟 · 轻快

★ 4.9
深空

焦虑急救

5 分钟 · 随时可用

★ 4.8
呼吸

肩颈放松

12 分钟 · 身体

★ 4.7

按老师

林

林见山

正念减压 · 42 节 · 12.4 万人在听

04 · 冥想播放器

湖与山

正在播放 · 睡前系列

吸气

放下今天

林见山 · 睡前系列 第 3 夜

04:12 -07:48

05 · 呼吸练习

呼吸练习

吸 气

4

4-7-8 呼吸法 · 第 3 / 8 轮

4 秒吸气 · 7 秒屏息 · 8 秒呼气。呼气比吸气长,有助于激活副交感神经。

06 · 睡眠模式

夜空

22:40

该睡了

距明早 7h 20m

今夜的声音

雨落屋檐 远雷 柴火 海浪
38%
45 分钟后淡出

屏幕将在播放后自动变暗,息屏不影响计时

07 · 洞察 · 变化

洞察

周 月 年

本周冥想总时长

86

分钟

+32% vs 上周
一
二
三
四
五
六
日

练习后的自我感受

最近 8 次
🙂
😐
😌
😌
😊

练习后选择「明显放松」的比例从 31% 升到 78%, 主要来自睡前系列。

偏好分布

睡眠62%
焦虑缓解21%
专注11%
身体6%

累计冥想 14 小时 22 分,超过 92% 的用户。

08 · 成就 · 徽章墙

成就

12 / 28 枚已解锁

云海

🔥 7

连续冥想天数

已解锁

🌙

连续 7 夜

9/24 获得
⏳

累计 10 小时

9/18 获得
🌊

海边系列

9/12 获得
🌅

清晨 5 点

9/03 获得
🔥

30 天挑战

9/01 获得
🧭

初学者

8/28 获得

进行中

🌕

连续 30 夜

7 / 30 天

23%
🎯

专注 100 分钟

64 / 100 分钟

64%

未解锁

🗻

登顶系列

🕯️

烛光 100 次

📖

完播 20 课

09 · 我的

深

林深

加入静水 128 天

湖

静水 Plus

已解锁全部 128 节课程

续费 3/28

14h

累计时长

214

完成次数

7

连续天数

我的收藏

18

下载的课程

6

我的成就

12

邀请朋友

得 1 月

提醒

播放方式

仅充电时

数据与隐私

静水 v1.0.0

10 · 练习结束 · 记录

练习完成

睡前 · 放下今天 · 12 分钟

现在的感觉是?

留下一个词(可选)