docs(plans): 新增 K28 浅色暖橙视觉规范
This commit is contained in:
1 parent
2ccfc14473
commit
4a2e066608
2 files changed
+36
No files matched your search
@@ -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 项)。
|
||||
|
||||
@@ -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 + 选集/评论/更多操作/内容解锁四面板。
|
||||
|
||||
Reference in new issue
Block a user