From 4a2e0666089d6ca6f725c2993f87503e69c84858 Mon Sep 17 00:00:00 2001 From: Zhou Weidong <502333560@qq.com> Date: Tue, 20 Oct 2026 10:04:20 +0800 Subject: [PATCH] =?UTF-8?q?docs(plans):=20=E6=96=B0=E5=A2=9E=20K28=20?= =?UTF-8?q?=E6=B5=85=E8=89=B2=E6=9A=96=E6=A9=99=E8=A7=86=E8=A7=89=E8=A7=84?= =?UTF-8?q?=E8=8C=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/plans/2026-10-20-K28-ui-wireframe.md | 35 +++++++++++++++++++++++ docs/plans/INBOX.md | 1 + 2 files changed, 36 insertions(+) diff --git a/docs/plans/2026-10-20-K28-ui-wireframe.md b/docs/plans/2026-10-20-K28-ui-wireframe.md index e3baf09..60b8803 100644 --- a/docs/plans/2026-10-20-K28-ui-wireframe.md +++ b/docs/plans/2026-10-20-K28-ui-wireframe.md @@ -69,6 +69,41 @@ 3. **更多操作**：倍速（当前值）、清晰度（自动）、下载到本地、文字大小、投诉；行尾箭头/当前值。 4. **内容解锁**：金币解锁、看广告解锁、查看会员内容三条；底部说明「具体方式以作品而定」；仅展示可行入口，不可用项明确禁用/说明。 +## 二·五 视觉风格 v2（浅色暖橙，2026-10-20 用户指定） + +> 用户提供两张参考图（剧场页、竖屏剧集页），以此为准；K28 各屏不再沿用深色主题。 + +### 色板 + +| 用途 | 值 | +|---|---| +| 页面背景 | `#FFF8F0`（顶部带 `#FFE9D6` 暖色渐变） | +| 卡片/弹层 | `#FFFFFF` | +| 主色（按钮/选中/图标） | `#FF7A1A` | +| 主色渐变（中央按钮） | `#FF9A3D → #FF6A00` | +| 主文字 | `#1F1B16` | +| 次要文字 | `#8C837B` | +| 弱文字/占位 | `#B3AAA1` | +| 分割线/描边 | `#F0E4D6` | +| 粉色角标底 | `#FFE3EC`（文字 `#FF6A8A`） | +| 深色角标（锁定数） | `#33000000` + 白字 | + +### 组件 + +- 圆角：卡片 16、封面 16、弹层 20、chips 999（胶囊）、按钮 999。 +- 阴影：`0x14FF8A3D`，blur 18，y 6；卡片不使用重描边。 +- 分类 chips：选中为橙色实心 + 白字；未选中为白底 + 深色字，间距 10。 +- 剧卡：大封面（原图比例或 3:4）、左上「桃花源」粉色胶囊、右上锁图标 + 数量、封面右下「全 24 集 / 大结局」米色胶囊、标题 15–16 粗体、副行「更新至 18 集 · 09-04」12px 灰字、右下橙色圆形「+」。 +- 中央按钮：底部导航中间 56px 橙色渐变圆形「+」，用于创作/上传入口。 +- 底部导航：白/米色毛玻璃，5 槽（首页 / 剧场 / + / 创作 / 我的），选中图标与文字为橙色。 +- 播放/剧集页：大标题 24 粗体 + 橙点、副标题 14 灰、右侧「…」与圆形按钮；Hero 大图 20 圆角 + 右上题材胶囊 + 分页点；下方横向剧集卡（第 01 集 初遇 / 更新中胶囊）。 + +### 落地方式 + +1. 先改 `AppColors/AppTheme/AppDimens` 全局 token，使现有组件整体切换为浅色暖橙。 +2. `AppBottomNav` 扩展为 5 槽 + 中央按钮；保留 Key 语义，新增 `nav-center-action`。 +3. K28-A1 先完成结构；样式统一由 K28-S 批次落地，后续 A2/B/C 直接使用新 token。 + ## 三、复用与约束 - 底部导航复用 `AppBottomNav`（需支持 4 项）。 diff --git a/docs/plans/INBOX.md b/docs/plans/INBOX.md index 0e228f2..1fed6f8 100644 --- a/docs/plans/INBOX.md +++ b/docs/plans/INBOX.md @@ -8,6 +8,7 @@ **分批** - K28-A1（立即执行）：底部 4 Tab（首页/剧场/创作/我的）+ 首页浏览化改造；剧场本批只改名/保留现状。 +- K28-S（A1 合并后立即执行）：浅色暖橙视觉主题——按用户 2026-10-20 参考图，改全局 token、5 槽底部导航（含中央 +）、卡片/chips/角标样式；口径见计划文件「二·五 视觉风格 v2」。 - K28-A2（A1 验收后）：剧场页按简图改造（分类 + 语言 chips + 两列剧卡）。 - K28-B：创作页 + 我的页 UI。 - K28-C：竖屏播放页 UI + 选集/评论/更多操作/内容解锁四面板。