Xi · meditation & sleep

给自己十分钟,回到呼吸

「息」冥想 App
完整体验原型

为压力较高、睡眠不规律的城市人群设计。覆盖晨间唤醒、午间复原、通勤呼吸与睡前放松四个真实场景, 用低门槛的引导练习把冥想变成每天都能完成的一小段时间。

8

核心界面

4

真实场景

375

iPhone 基准宽

01 · 用户与场景

不是“学会冥想”,而是“此刻平静一点”

核心用户是 24–40 岁的高压上班族与学生。典型时刻:起床后 10 分钟、午休、通勤、睡前。每次练习 3–15 分钟,强调即时感受而非长期课程。

02 · 信息架构

五个一级入口

今日(推荐与状态)、发现(课程与声音)、呼吸(快速练习)、睡眠(故事、声音与睡前程序)、我的(进度与设置)。播放器与呼吸引导为全屏沉浸页。

03 · 核心闭环

选一个场景 → 3 分钟练习 → 记录感受

用“当前需要”而不是“课程等级”组织内容。练习结束只记录一个感受词,避免复杂表单;连续练习以柔和的月历呈现,不做惩罚。

04 · 设计原则

安静、留白、低刺激

不使用高饱和提醒与连续打卡压力。白天用米色与雾紫,夜晚切换深靛蓝;播放器只保留必要控件,避免信息干扰呼吸节奏。

晨间唤醒 午间复原 通勤呼吸 睡前放松

Prototype gallery

全部原型界面

每台设备为 375 × 812,内容可在框内滚动。桌面端自动换行,窄屏可横向滑动查看。

薄雾中的湖面与山
21:30

Xi

给自己十分钟,
回到呼吸。

不需要做得很好。找一个舒服的姿势,听见自己的呼吸就够了。

冥想不能替代医疗治疗。如你正经历严重心理困扰,请寻求专业帮助。

01 · 欢迎与引导

降低首次使用门槛;用“回到呼吸”替代“训练专注力”的绩效叙事。

Onboarding
07:20

10 月 19 日 · 周日

早安,小禾

清晨薄雾与阳光

今日推荐 · 7 分钟

晨间唤醒

先感受身体,再开始今天。

此刻,你想带着什么状态开始?

快速练习

3–10 分钟

你的练习节奏

本周 4 次
一二三四五六日

02 · 今日

先问状态再推荐内容;推荐卡、快速练习与节奏可视化构成首页。

Today
07:20

发现

搜索课程、老师或声音
全部 睡眠 专注 情绪 身体
安静的森林
本周精选

在森林里,
慢慢呼吸

12 分钟 · 引导冥想

按需要选择

4 个场景
清晨咖啡与阳光

晨间唤醒

7 分钟 · 8 节

午后的天空

午间复原

5 分钟 · 6 节

星空与雪山

深度睡眠

25 分钟 · 10 节

湖边的薄雾

通勤呼吸

3 分钟 · 5 节

跟着老师练习

查看全部
老师头像

林岚 · 正念引导师

擅长睡眠与情绪调节 · 18 节课程

03 · 发现

按“当前需要”而非难度组织内容;场景卡与老师入口并列。

Explore
静谧湖面

Now playing

晨间唤醒 · 引导冥想

吸气

4

慢慢来

让身体先醒过来

林岚 · 7 分钟

02:4807:00
音量 定时 15 分钟 已下载

04 · 播放器

呼吸光球随节奏缩放;只保留播放、进度、定时与下载等必要控件。

Player
07:24

呼吸练习

4 · 7 · 8 breathing

跟随光圈

不用刻意用力,保持自然就好

吸气

4

秒

4-7-8 放松 箱式呼吸 自然呼吸
剩余时间02:36

若感到头晕或不适,请立即停止并恢复自然呼吸。

05 · 呼吸练习

光球与倒计时同步;提供 4-7-8、箱式与自然呼吸,允许随时退出。

Breathe
22:40

晚安,小禾

把今天慢慢放下

星空下的雪山

今晚的睡眠故事

雪线之上的旅店

25 分钟 · 低语讲述 · 雨声底噪

环境声音

混合播放
夜雨屋檐与远处雷声
壁炉木柴轻响
森林风穿过树叶

睡前程序

约 12 分钟
调暗灯光
放下手机 10 分钟
做 4 轮 4-7-8 呼吸
听一段睡眠故事
睡眠定时30 分钟后停止播放

06 · 睡眠

睡眠故事、声音混合、定时与睡前程序;夜间主题切换为深靛蓝。

Sleep
07:30

10 月

练习进度

本月练习

186 分钟

比上月多 24 分钟

14

练习天数

6

连续天数

3

完成课程

每周练习时长

分钟
一
二
三
四
五
六
日

练习月历

越深表示时长越长
一二三四五六日

获得徽章

初次呼吸

七日安睡

森林散步

07 · 练习进度

用总时长、月历与徽章呈现积累;不设置排行榜和失败状态。

Progress
07:30

我的

用户头像

小禾

练习第 46 天 · 偏好:睡前放松

息 Plus

全部课程 · 离线下载 · 睡眠故事库

练习提醒每天 07:00 / 22:30
离线下载6 节 · 82 MB
声音偏好雨声 · 低频
隐私与数据
帮助与反馈

今日提示

如果今天很忙,只做 3 次深呼吸也算完成。冥想的价值不在于时长,而在于你愿意停下来。

「息」不是医疗机构,冥想练习不构成诊断或治疗建议。
如有持续睡眠或情绪问题,请咨询专业人士。

08 · 我的

偏好、下载、订阅、隐私与帮助;以温和提示替代绩效压力。

Profile

Design handoff

开发交付标注

全局令牌、动效与内容策略可直接映射到设计系统与前端组件。

色彩

夜色 Indigo 950 · #1E1B4B
晨光 Dawn · #F3EEE4
雾紫 Indigo 300 · #D9D5F4
苔绿 Moss 500 · #6F8B72

字体与栅格

  • 标题:Noto Serif SC 600,24 / 32 / 40
  • 正文:Noto Sans SC 400,13–15 / 行高 26–30
  • 页面边距 24px,卡片圆角 24px
  • 播放器控件最小点击区 44 × 44

动效

  • 呼吸光球 8 秒循环,缩放 0.78–1.06。
  • 页面切换使用 240ms 淡入 + 轻微上移。
  • 播放器进入时背景缓慢放大,不抢注意力。
  • 尊重系统的“减少动态效果”设置。

内容与安全

  • 不使用“治疗、治愈、保证改善”等表述。
  • 呼吸练习前提示:不适时立即停止。
  • 提醒默认关闭,开启时使用柔和文案。
  • 连续练习中断不显示失败或掉级。