iOS 原型 · 375 × 812 基准

冥想 App:从睡前十分钟开始

围绕“碎片时间里快速放松”的真实场景设计:通勤前的三分钟呼吸、午休后的五分钟放松、睡前的助眠引导。下方四个页面位于同一个文件,用于评审信息结构与视觉语言。

用户与场景

功能规划

交互与视觉

晚上好,林

今天想怎样放松?

用户头像
助眠 减压 专注 晨间
海浪与夜色

今日推荐 · 12 分钟

海浪与慢呼吸

今日计划

3 分钟呼吸

通勤前完成

5 分钟午间放松

13:00 提醒

睡前 15 分钟助眠

22:30 提醒

1 · 首页:每日推荐与今日计划

发现

搜索主题、时长或老师
全部5 分钟睡眠焦虑
森林05:00

林间晨呼吸

入门 · 晨间

海滩12:00

海边的放空

减压 · 午间

晨光08:00

清晨的光

专注 · 通勤

山峰15:00

山谷回声

放松 · 长课

2 · 发现:主题筛选与课程卡片
睡前放松 · 第 3 节

Breathe

吸气

4 秒 · 保持 2 秒

海浪与慢呼吸

林语 · 冥想导师

08:2412:00
雨声混音40%
3 · 冥想播放:呼吸引导、进度与声音混音

我的进度

连续冥想

12 天

本周 96 分钟 · 超过 78% 的用户

本周时长

一二三四五六日

首次冥想

睡前 7 天

30 天挑战

个性化建议

你在周三晚上的睡前课程完成率最高,可以把提醒固定在 22:30。

4 · 进度:连续打卡、周时长、徽章与个性化建议