№ · UI 重构 CH.06.24
主页 · ✨ UI 重构 · UI 素材清单(docs/uirefactor)

UI 素材清单(docs/uirefactor)

📅 2026-06-24 · 📦 4.8 KB · ✨ UI 重构 · 📝 MD 文档 🏷️ 员工🏷️ Buff🏷️ Year1

更新日期:2026-06-23 位置:docs/uirefactor/pic/


目录结构概览

docs/uirefactor/
├── pic/                       # 素材图片统一存放目录
│   ├── buff图标/              # Buff 状态图标
│   │   └── buff_23_char_energy.png
│   ├── 功能图标/              # 系统功能图标
│   │   └── icon_8_heritage_point.png
│   ├── 客栈状态维度图标/       # 客栈经营属性图标
│   │   └── icon_16_attr_hygiene.png
│   └── 核心插画与背景图/       # 场景氛围插画
│       └── bg_7_system_hall.png
├── 主页/                      # 现有页面截图 + 优化方案
│   ├── 总览.png + 总览优化意见稿
│   ├── 后厨.png + 后厨优化方案
│   ├── 后院.png + 后院优化方案
│   ├── 行囊.png + 行囊优化方案
│   ├── 招贤.png + 招贤页面优化
│   ├── 江湖简报.png + 江湖简报优化稿
│   ├── 设施以及大团圆宴.png + 设施以及大团圆宴优化方案
│   ├── 谱系.png + 谱系页面优化
│   ├── 官府竞标.png + 官府竞标以及竞标操作台优化方案
│   └── 官府竞标操作台.png
├── 通用ui/
│   └── Tips设计               # UI 视觉规范
├── 2026-06-24-ui需求收口.md
└── 2026-06-24-ui开发计划缺失表.md

一、Buff 状态图标

| 文件 | 描述 | 状态 | | :--- | :--- | :---: | | pic/buff图标/buff_23_char_energy.png | 角色增益 Buff(精力充沛) | 已生成 |

待生成清单(详见 art-resource-list.md):

  • 角色增益 27 个 → buff_char_inspired ~ buff_char_outstanding
  • 角色减益 28 个 → buff_char_exhausted ~ buff_char_given_up
  • 客栈增益 4 个 → buff_inn_booming ~ buff_inn_cuisine
  • 客栈减益 4 个 → buff_inn_deserted ~ buff_inn_strike

二、功能图标

| 文件 | 描述 | 状态 | | :--- | :--- | :---: | | pic/功能图标/icon_8_heritage_point.png | 传承点符号(古铜钱/玉佩) | 已生成 |

待生成清单

  • icon_save_auto — 自动存档标识
  • icon_save_manual — 手动存档标识
  • icon_save_safe — 安全点存档标识
  • icon_event_main — 主线事件标识
  • icon_event_side — 支线事件标识
  • icon_msg_p0 — P0 严重警报
  • icon_msg_p1 — P1 警告通知

三、客栈状态维度图标

| 文件 | 描述 | 状态 | | :--- | :--- | :---: | | pic/客栈状态维度图标/icon_16_attr_hygiene.png | 卫生(扫帚+水盆) | 已生成 |

待生成清单

  • icon_attr_security — 治安(捕快腰牌)
  • icon_attr_inventory — 库存(米缸)
  • icon_attr_cashflow — 现金流(算盘+铜钱)
  • icon_attr_staff — 员工状态(伙计帽+围裙)
  • icon_attr_traffic — 客流(红灯笼)
  • icon_attr_reputation — 口碑(锦旗)

四、核心插画与背景图

| 文件 | 描述 | 状态 | | :--- | :--- | :---: | | pic/核心插画与背景图/bg_7_system_hall.png | 竖屏客栈门脸全景 | 已生成 |

待生成清单

  • bg_account_empty — 大门紧闭的古代客栈
  • bg_save_empty — 空白账本与毛笔
  • illu_status_danger — 客栈破败警示图
  • illu_status_good — 客栈繁华景象图
  • bg_gameover_pressure — 催债信与枯竭烛火
  • bg_gameover_warning — 官兵封条与凌乱大堂

五、现有页面截图 + 优化方案

| 页面 | 截图 | 优化方案 | 状态 | | :--- | :---: | :---: | :---: | | 总览 | ✅ | ✅ | 可执行 | | 后厨 | ✅ | ✅ | 可执行 | | 后院 | ✅ | ✅ | 可执行 | | 行囊 | ✅ | ✅ | 可执行 | | 招贤 | ✅ | ✅ | 可执行 | | 江湖简报 | ✅ | ✅ | 可执行 | | 设施以及大团圆宴 | ✅ | ✅ | 可执行 | | 谱系 | ✅ | ✅ | 可执行 | | 官府竞标 | ✅ | ✅ | 可执行 | | 官府竞标操作台 | ✅ | — | 待补充 |


六、设计文档

| 文档 | 说明 | | :--- | :--- | | 通用ui/Tips设计 | UI 视觉规范(色彩/字体/交互逻辑) | | 2026-06-24-ui需求收口.md | 竖版/横版/App 双壳需求边界 | | 2026-06-24-ui开发计划缺失表.md | 设计缺口与可直接执行的模块 |


七、素材命名规则

[类别]_[序号]_[名称].png

示例:
buff_23_char_energy.png
icon_8_heritage_point.png
icon_16_attr_hygiene.png
bg_7_system_hall.png

八、汇总

| 类别 | 已生成 | 待生成 | 总计 | | :--- | :---: | :---: | :---: | | Buff 状态图标 | 1 | 63 | 64 | | 功能图标 | 1 | 7 | 8 | | 客栈状态维度图标 | 1 | 6 | 7 | | 核心插画与背景图 | 1 | 6 | 7 | | 主页截图+优化方案 | 10 | 0 | 10 | | 总计 | 14 | 82 | 96 |