伴愈时光 · 原型图

面向慢病 / 康复期人群的康复陪伴工具。不是情绪日记——它的任务是让记录便宜到 30 秒,让数据替你回答:什么引发疼痛、哪种处理有效、体感在好转还是反复。

依据 spec.md v1.17 · ui-spec.md §10·§11 治愈风专版(2026-09-20 固化,样式以其为准)· Expo + React Native 三 Tab 结构

色 · 金色时光(主题应用)

暖米白App 底色
烤金主色 · 动作
金黄小记号点缀
陶土页面装饰
可可棕正文
浅金雾浅填充
暖橙待补标

「金色时光」主题:品牌色由青绿换为暖金系(开发者选型)。体感梯度、事件三色、待补标橙 / 已反馈绿是 spec §6 的数据语义色,不随主题变化。

语义色 · 数据的冷暖

10–8体感好
7–5尚可
4–2较弱
1–0很差
例假事件色
出血事件色
头晕事件色

体感梯度为 spec §6 指定;日历处必须配图例(含分值区间)与点日期看数字,不靠颜色单打。事件三色经色觉障碍模拟验证可区分。

字 · 文楷的体温

伴愈时光,陪你把恢复走完霞鹜文楷 · 品牌与标题(开发时可用楷体族兜底)
8 分  28.8Nunito · 体感分与统计数字(圆端,亲和)
今天走路多了些,晚上脚踝有点酸。系统黑体 · 正文与表单(字号偏大,行高舒缓)

规矩 · 四条

  • 30 秒原则:打卡是体感弧上的一拖,其余都不进打卡。
  • 一件事一个入口:疼痛、身体事件、训练各有独立卡片,互不捆绑。
  • 闭环看得见:记疼痛 → 待补标(橙)→ 补标(绿✓)→ 排行,每环有指示。
  • 被引用就保留:删除保护用文案说清,不用弹窗吓人。

一 · 每天的循环

登录一次之后,日常只有两个动作:睡前的 30 秒打卡,和白天随手记一笔。今日页从上到下按「必做 → 提醒 → 可选」排列。

21:00●●● ▾ ▮
登录spec §5.2 · v1.9
  • 品牌记号取自「体感弧」——整条产品线的视觉母题。
  • 邮箱 + 密码直接登录(已关闭邮箱验证),token 持久化后免登录。
  • 忘记密码(左)/ 注册新账号(右)两个入口分列按钮下方两端(v1.9 拍板),分别进入独立页。
  • 一句话说明数据归属,回应「云端为唯一数据源」的代价。
21:00●●● ▾ ▮
注册spec v1.9
  • 独立注册页(登录页「注册新账号」进入)。
  • 注册即登录:邮箱验证已关闭,注册拿到会话后直接进入三 Tab。
  • 密码需二次确认,校验失败在表单下方给中文提示。
21:00●●● ▾ ▮
忘记密码spec v1.11
  • 独立页(登录页「忘记密码?」进入),只需填注册邮箱。
  • 发送成功切换为「已发送」提示态:显示收件邮箱、提醒翻垃圾邮件、可重新发送。
  • 重置邮件走 Supabase(发件通道将切换 Resend SMTP,spec v1.11)。
21:00●●● ▾ ▮
重置密码(公网静态页)spec v1.11
  • 不在 App 内:重置邮件链接打开 GitHub Pages 托管的网页(Supabase Site URL 指向它),内嵌 supabase-js 解析链接恢复会话。
  • 网页内完成设新密码,成功后回 App 用新密码登录。
  • 无效 / 过期链接有明确中文提示,可回 App 重新发起「忘记密码」。
21:00●●● ▾ ▮
9月18日 · 周五
今日体感已打卡 · 拖圆点可修改
8
状态不错
0最差10最好
🔔

提醒

更多 2 条 ›
19月18日 18:42 · 强度 6 · 1 种处理方式待补标
29月16日 21:10 · 强度 4 · 2 种处理方式待补标
🩹疼痛记录
已记录 1 次记一笔
18:42强度 6 · 走路超量、上下楼待补标
🌡️身体事件
已记录 1 条记一笔
💫 头晕晚上
🌸 例假量中
🏋️今日训练
已锻炼开始训练
19:35肩颈放松、靠墙静蹲(做时疼)、弹力带拉伸
今日 · 打卡(可拖动试试)spec §3.2.1
  • 体感弧是全 App 唯一的 hero:大字分数居弧心,细轨道 + 珍珠圆点,直接拖动圆点完成打卡,30 秒原则;文案方向「10 = 最好」。
  • 打卡卡片不设疼痛开关(v1.7 拍板):has_pain 由当天疼痛事件自动派生;记疼痛统一走下方「记疼痛」分区入口。
  • 记录分区三卡全宽竖排(T41 拍板):疼痛记录 / 身体事件 / 今日训练,当日已记录的显示「已记录 / 已锻炼」+ 内容行(训练卡「做时疼」橙字标在动作后)。
  • 待补标等欠账集中进「提醒」卡(白底、序号行卡、右上「更多 ›」),只在有欠账时出现,疼痛反馈不弹通知打扰;角标在今日 Tab 上。
  • 已打卡再进来 = 编辑今天,同一条记录,不产生重复。
18:44●●● ▾ ▮
⏰结束可空
今天 18:42 – 19:05改时间 ▾
6 / 10
0 不疼10 最疼
🎯

诱因 · 至少选一个

🩹

处理方式 · 可不选

记疼痛spec §3.2.2
  • 诱因必选至少一个,「原因不明」是预置兜底项;处理方式可选。
  • 发生时间段:开始默认当前、可改到过去(补记白天的疼);结束可空——疼还在继续就先不填,不早于开始。
  • 选项全部来自自维护标签库(预置诱因 13 / 处理方式 9),这里只做选择。
  • 保存后勾了处理方式才进入「待补标」,否则直接完成。
21:32●●● ▾ ▮
⏱️ 今天 18:42 – 19:05 · 强度 6 待补标
走路超量 上下楼
📝

事后评价 · 每种处理方式单独评

  • 冰敷
  • 抬高

评价随时可以回来改,最新一次为准。

补标 · 数据闭环的关键一环spec §3.3.2
  • 勾了 2 种处理方式,就有 2 行独立评价(有效 / 部分有效 / 无效)。
  • 备注按事件存一条(spec §9-F),记缓解过程而不是流水账。
  • 全部评完后状态转绿「已反馈 ✓」,今日页角标随之减一。
  • 补标结果汇入统计页的处理方式有效率排行。

二 · 训练与身体事件

两类与打卡平行的记录:一次训练多个动作;身体事件一天一种类型一条,重复记录等于编辑今天。

19:35●●● ▾ ▮
🏋️

动作清单

带出默认剂量,可改实际量
1提踵3 组 × 20 次
组 320次/组
2靠墙静蹲3 组 × 60 秒
组 245秒/组
3弹力带外翻3 组 × 15 次
组 315次/组
4踝背屈拉伸2 组 × 30 秒
组 230秒/组
开始训练spec §3.2.3
  • 动作来自自维护锻炼库,选中即带出默认剂量,组数与实际量可改。
  • 「做时疼」只是训练内的标记,不生成疼痛事件——要细记就单独记疼痛。
  • 整次训练存为一条记录,带时间戳,同日多次可区分。
21:36●●● ▾ ▮

一天一种类型只记一条,重复记录 = 编辑今天。

🌸
例假
单选 · 记录当日量级
🩸
出血
单选 · 记录当日量级
💫
头晕
可多选 · 勾选发生时段
记身体事件spec §3.2.4
  • 类型即入口:每张卡一个类型,标注单选 / 多选,小项直接点。
  • 类型专属颜色(例假玫红 / 出血橙 / 头晕紫)由系统分配,与日历一一对应。
  • 小项全部可选——只标记「发生了」也合法。
  • 类型和小项都能在管理页增删停用,这里永远只展示启用中的。

三 · 看清规律

统计页上日历、下分析。记录的价值在这里兑现:体感在好转还是反复、什么最危险、什么真有效。

21:40●●● ▾ ▮
近 7 天 近 30 天 全部 自定义
‹2026 年 9 月›
补标待补标已补标
体感状态不错还可以不太好很差
事件例假出血头晕

体感趋势 · 近 30 天

每天的整体状态分(0–10),断签的天用灰色虚线连接(虚线不铺面积)

统计 · 日历与趋势spec §3.6 / §3.4
  • 日历在统计页顶部:体感分色点 + 身体事件专属色可同日叠加(日期下方小点)。
  • 待补标 / 已补标在日期右上角插小旗(橙 / 绿),先白描边再上色,任何底色上都看得清。
  • 图例按「补标 / 体感 / 事件」三行固定列出,体感用文案分档(状态不错 / 还可以 / 不太好 / 很差)——颜色不单独承担识别。
  • 断签日(9/11)用灰色虚线连接,虚线仅为视觉引导、不铺面积洗色;实线只连真实相邻打卡;端点直标最新分。
  • 点任意日期进当天详情,可编辑、删除当天全部记录。
21:42●●● ▾ ▮
⚠️

诱因排行 · 按危险度

更多 4 条 ›

危险度 = 平均疼痛分 × 出现次数

  • 1某双鞋均 7.2 分 × 4 次28.8
  • 2走路超量均 6.0 分 × 4 次24.0
  • 3上下楼均 5.5 分 × 3 次16.5
✅

处理方式排行 · 按有效率

更多 5 条 ›

有效率 =(有效 + 部分有效)÷ 已评价次数,未补标不计入

  • 🧊冰敷已评价 10 次90%
  • ⬆️抬高含 2 次部分有效已评价 8 次75%
  • 🔥热敷已评价 5 次60%
🌡️

身体事件 · 发生天数

  • 💫头晕6 天 · 20%
  • 🌸例假4 天 · 13%
  • 🩸非经期出血2 天 · 7%
统计 · 三项分析spec §3.4
  • 诱因按危险度(均分 × 次数)降序——青瓷细轨上放珍珠圆点标位,不画大色块。
  • 处理方式排行左侧是有效率圆环(金色进度 + 米色轨道)内嵌 emoji 瓦片,分母只算已评价次数,口径直接写在副标题里。
  • 身体事件按发生天数 / 频率汇总,颜色与日历一致。
  • 三项分析共用顶部时间筛选(近 7 天 / 30 天 / 全部 / 自定义)。

四 · 自己维护

库都是用户自己的:预置一套脚踝康复场景的种子数据,之后随意增删停用。被历史记录引用过的项删不掉,但可以停用。

21:45●●● ▾ ▮
  • 🏃锻炼库4 个动作 · 可加可改›
  • 🏷️诱因及处理方式23 项 · 预置高频项›
  • 🌡️身体事件类型3 种 · 类型与小项›
  • ⏰提醒每天 08:00 锻炼 · 22:00 打卡›
  • 📤导出数据CSV / JSON · 可选时间范围›
  • ☁️云端状态已连接 · 数据自动备份›
  • 👤账号wang***@example.com›

删除时的保护:被记录引用过的标签、动作、事件类型会提示「已被引用,不能删」,可以停用,历史照常展示。

管理spec §3.5 / §3.7 / §3.8
  • 四个库共用同一套「列表 + 增改删 + 停用」管理模式。
  • 提醒可设多条、各自独立时间;只提醒打卡和锻炼,疼痛反馈只走角标。
  • 导出 CSV / JSON,可选时间范围,走系统分享面板(发医生 / 存档)。
  • 断网时全局提示「连接失败,请稍后再试」,乐观更新自动回滚。