2026-08-21 · 在项目立意不变的前提下，更紧凑集中、提升审美、操作符合直觉
设计稿见同目录 `design-v2.html`（高保真手机框原型）
念时的立意：纪念与期待的时光容器。不是倒计时工具，而是承接一个人/一群人、不同阶段的回忆与期待。产品的全部工作 = 记录（输入）+ 呈现（输出）。
这版设计只回答三个问题：
现有首页是「题记 → 置顶卡 → 一念 → 期待宫格 → 坚持列表 → 珍藏」的纵向堆叠：
把首页从「目录」变成「一段正在发生的时光」。
| 顺序 | 模块 | 作用 | 设计要点 |
|---|---|---|---|
| 1 | 顶部问候 | 建立「今天」的在场感 | 日期 + 「念时」标题 + 头像，轻量 |
| 2 | 焦点卡 | 全屏视觉主角 | 全屏宽、陶红大渐变、超大衬线数字，展示「最近的期待/坚持」；右下角悬浮 1 个「✎ 记这一刻」快捷钮（聚焦记录，不放打卡钮——期待无打卡概念、坚持自动滚动无需打卡） |
| 3 | 快捷记录条 | 核心动作前置 | 一个圆角输入框「此刻，记下点什么…」+ 发送钮，选中焦点卡项目直接落笔 |
| 4 | 期待 · 横向卡片流 | 紧凑浏览盼头 | 由「两列宫格」改为「横向滑动小卡」，纵向省空间，末尾放虚线「种下期待」 |
| 5 | 坚持 · 紧凑行卡 | 高频展示 | 行式卡片，图标 + 名称 + 副信息 + 右侧大天数。不放假打卡勾选圈——坚持是「从某天起自动滚动天数」（PRD 2.4：打卡不参与连续天数、自动滚动不依赖打卡），放勾选圈会误导成「每天手动打勾计天数」。整卡点进详情页，用「记这一刻」的仪式化入口记录 |
| 6 | 珍藏 · 横条 | 回望沉淀 | 鎏金图标 + 一行信息，低调收口 |
| 7 | 底部 Tab | 五区 | 中央凸起「＋」主创建钮，左右 tab 各两个 |
紧凑集中的体现：原来 6 个等高区块 → 收敛为「1 个主角 + 1 个动作 + 4 个收口分区」，首屏信息密度提升、视线有落点。
一念是生命周期起点，协作味最重。现状问题是信息流过长、表态埋在最底、新用户不知第一步干嘛。重排为「先表态、再共识、后商量」：
| 顺序 | 模块 | 设计要点 |
|---|---|---|
| 1 | 一念卡 | 深棕渐变卡（区别于期待陶红/坚持苔绿），名称+一句话+倾向 chip（时间/地点） |
| 2 | 我的态度（前置放大） | 三个大按钮「走起/改天/不了」，emoji+主文案+副文案，选中态描边陶红——把原本沉在页底的表态提到第二屏第一眼 |
| 3 | 大家的共识 | 头像叠排 + 「3 人想走 · 1 人待定」，一眼看清离敲定还差谁 |
| 4 | 一起商量 | 建议卡：类型标签（时间/交通/地点…）+ 内容 + 「附议 · N」胶囊（右侧，一键附议）+ 「✓ 被采纳」鎏金标记 |
| 5 | 底部行动坞 | 「提建议」(ghost) + 「敲定成行」(primary 实心) 常驻底部拇指区，不再随内容沉底 |
提建议表单从「始终占位」改为点「提建议」后弹起，给内容让位。
讨论区（留言/回复线程）：每条建议卡内挂一段可折叠的讨论线程，沿用现有 Reddit 风两层结构，视觉重排——
| 元素 | 设计 |
|---|---|
| 折叠头 | ▸ N 条讨论 + 最后一条预览（「山：拼车我来订…」）+ 右侧「留言」胶囊，默认折叠不刷屏 |
| 一级留言 | 头像 + 昵称 + 相对时间 + 内容，右侧「回复」（本人为「删除」） |
| 二级回复 | 缩进 + 左侧陶红竖线（Reddit 缩进线），头像/字号收小一级，明确挂在一级留言下、不挂错目录 |
| 回复输入框 | 点「回复」后挂在该留言串底部（同样带竖线缩进），placeholder 显示「回复 某某…」，发送即追加 |
| 顶级留言 | 点「留言」在建议卡底部开输入框（无竖线），与回复区分层 |
形态已拍板（2026-08-21）：**待办留在详情页里，不做新页面**；本轮按反馈**紧凑化**——从「每项一张独立卡片」改为「单卡分行列表」。
现状待办「不好操作 + 不够紧凑」的根因：勾选圈过大、每项独占一张卡（padding+margin+阴影堆叠浪费纵向空间）、添加入口埋底、完成/未完成混排、缺进度反馈。逐项修：
| 问题 | 解法（详情页内嵌 · 紧凑版） |
|---|---|
| 每项一张卡太松 | 单卡分行：未完成组一张卡、已完成组一张卡，行内 11px padding、行间 1px 细分隔线，纵向省一半空间 |
| 勾选圈过大 | 勾选圈 34px → 26px，整行仍可点，视觉更收 |
| 添加要滚到底 | 行内添加行：未完成卡底部一条虚线「＋ 添加一项准备…」行，输入即加，不打断浏览 |
| 没有进度感 | 区块标题下一条细进度条（5px，陶红→鎏金渐变）+ 「3/5 已筹备」 |
| 完成/未完成混排 | 未完成卡在上（含行内添加行），「已完成 · N」分隔线下沉到独立卡，完成态划线 + 留痕（谁、何时完成，时间到分钟：念 · 8月20日 21:35 完成） |
待办仍是详情页的一个区块（紧跟大数字卡/伙伴区之后），不新增页面层级、不多一步跳转；视觉上从「一摞卡片」收成「两张分组卡」，更紧凑集中。
把已实现的时间精度规则画进 UI（数据/逻辑均已上线，此处是展示层规范）：
| 场景 | 展示 | 本稿位置 |
|---|---|---|
| 期待倒计时 | 大数字「N 天」保留，其下一行秒级跳动：≥1天「还剩 X 天 X 小时 X 分 X 秒」/ <1天「X 小时 X 分 X 秒」/ <1小时「X 分 X 秒」/ 归零「就是今天！」（等宽数字 tabular-nums 防抖） | 期待详情 hero |
| 目标/开始时刻 | 到分钟「9月2日 08:00 出发」「从 7月6日 06:30 起」 | 期待/坚持详情 hero |
| 待办完成 | 到分钟「念 · 8月20日 21:35 完成」 | 待办已完成卡 |
| 这一刻/留言 | 混合格式：今天→「今天 14:30」/ 昨天→「昨天 21:05」/ 今年→「8月15日 09:12」/ 跨年→「2025-12-31 22:10」 | 详情时间线、讨论区 |
| 列表页卡片 | 保持到日（信息密度，不显示时分秒）——首页焦点卡/期待卡/坚持行卡均只到日 | 首页各卡 |
| 选择器 | 日期 + 时间双联 picker，到分钟，默认 08:00 | 创建/敲定/编辑（本稿未单画，沿用线上交互） |
比原「时光复古」更干净集中——保留温度，去掉繁复。
| 角色 | 色值 | 用途 |
|---|---|---|
| 米纸 · 底 | #F6F1E7 | 页面底色 |
| 米白 · 卡 | #FDFBF6 | 卡片 |
| 暖墨 · 文 | #2E2A24 | 主文字 |
| 陶红 · 主 | #B4532A | 品牌主色、期待、主按钮、焦点卡 |
| 鎏金 · 仪 | #C19A4B | 纪念章、珍藏、仪式感点缀 |
| 苔绿 · 持 | #5C7A5A | 坚持主题 |
高保真手机框原型：design-v2.html（首页 / 期待详情 / 坚持详情 三屏 + 设计令牌）