№ · 美术 CH.07.20
主页 · 🎨 美术 · 第一年剧情对白 UI 素材清单 v1

第一年剧情对白 UI 素材清单 v1

📅 2026-07-20 · 📦 13.2 KB · 🎨 美术 · 📝 MD 文档 🆕 14d 🏷️ Buff🏷️ 终局🏷️ 剧情🏷️ 时间🏷️ 员工🏷️ 第一年

状态:planned / asset-intake-ready 目标:为第一年 76 个主线节点和旧账10个跨月节点提供一套可复用、可接入桌面与竖屏对白 UI 的素材包。 真值边界:本清单只规划资产,不代表 RandomEventPopup 已具备插画、立绘或逐句对白播放能力。 去重原则:复用现有头像、图标和剧情拼图工作源;不再默认“每个节点画一张独占插画”。

1. 当前资产真值

1.1 已可由运行时引用

| 类别 | 当前路径 | 数量/覆盖 | 状态 | | :--- | :--- | :--- | :--- | | 核心员工立绘 | public/portraits/{tong,bai,guo,lu,li,mobei}.png | 6人基础立绘 | existing_runtime | | 常驻/稀客头像 | public/assets/avatars/*.png | 邢捕头、燕小六、祝无双、小米、钱氏夫妇、赛西施、白三娘等20张 | existing_runtime | | 通用经营图标 | public/icons/tongfu/*.png | 铜钱、账本、锅、扫帚、通缉令等16张 | existing_runtime | | 状态/终局背景 | public/bg/scenes/*.png | 6张,当前并非剧情对白背景 | existing_runtime_other_use |

1.2 只有工作源,不能直接当运行时资产

| 类别 | 当前路径 | 判断 | | :--- | :--- | :--- | | 剧情拼图 | pic/剧情/剧情1.png剧情7.png | 7张合成图;需要切片、命名、检查画面对应关系和授权后才能进入 public/story/** | | 剧情插画旧总表 | docs/art/剧情插画素材总清单-v1.md | 覆盖76主节点和大量支线,但按“逐节点插画”规划,且部分季节/状态已经漂移 | | 白佟专项清单 | docs/art/剧情故事生图素材清单.md | 可作为高光场景参考,不等于文件已进入 runtime |

1.3 明确缺失

  • public/story/** 当前不存在。
  • RandomEventPopup 当前只显示标题、sceneDescription、选项与效果 chip,没有场景图、说话人立绘、姓名牌、逐句切换或对白历史素材入口。
  • 核心员工只有基础立绘,没有统一表情组。
  • 常驻 NPC 头像可用,但没有对白表情变体。
  • 大堂、柜台、账房、后厨、后院、屋顶、街市、擂台和岁末等通用剧情背景尚未形成 runtime pack。

因此“素材生成完成”与“剧情 UI 已接入”必须保持两个状态。

2. 资产策略

第一年 86 个对白单元采用四级复用:

  1. 角色表情立绘承载逐句情绪,跨节点复用。
  2. 通用场景背景承载地点和时段,跨月份复用。
  3. 12张月份封面/高光图承载章节记忆点,不为每个节点重复出图。
  4. 关键道具图标承载选择与剧情证物,优先复用现有图标。

旧清单中的76张逐节点插画降为 P2 增强包,不作为第一轮对白上线硬门。

3. P0 对白 UI 必需包

A. UI 框架素材

| ID | 素材 | 数量 | 源尺寸 | 运行时建议 | 状态 | | :--- | :--- | ---: | :--- | :--- | :--- | | UI-01 | 对白纸张/宣纸轻纹理 | 1 | 1024x1024 tile | WebP/PNG,可平铺 | missing | | UI-02 | 9-slice 对白框边角 | 1套 | 512x512 atlas | 透明PNG,8px以内圆角观感 | missing | | UI-03 | 角色姓名牌底纹 | 2态 | 640x160 | active/inactive | missing | | UI-04 | 当前说话人指示 | 1套 | 128x128 | 优先使用现有 icon/lucide,不额外造文字按钮 | reuse_or_css | | UI-05 | 选项状态 | 4态 | 960x160 | default/hover/selected/blocked,优先CSS | css_first | | UI-06 | 对白继续/历史/关闭图标 | 3个 | SVG | 使用 lucide,不生成人工位图 | no_art_needed | | UI-07 | 结果回响分隔纹 | 1 | 1200x80 | 透明PNG或CSS边框 | optional | | UI-08 | 月份/节气章印 | 24个状态组合 | 256x256 | 12月x2节气,可先用文字+1个通用章印 | defer_variant |

UI 素材不得烘焙可见文字;标题、角色名、选项和无障碍标签必须由 UI 渲染。

B. 核心角色表情包

六名核心角色沿用现有基础立绘作为 neutral,第一轮只补四个高复用表情:

| 角色 | neutral | happy | worried | angry | determined | P0新增量 | | :--- | :---: | :---: | :---: | :---: | :---: | ---: | | 佟湘玉 | 已有 | 新 | 新 | 新 | 新 | 4 | | 白展堂 | 已有 | 新 | 新 | 新 | 新 | 4 | | 郭芙蓉 | 已有 | 新 | 新 | 新 | 新 | 4 | | 吕秀才 | 已有 | 新 | 新 | 新 | 新 | 4 | | 李大嘴 | 已有 | 新 | 新 | 新 | 新 | 4 | | 莫小贝 | 已有 | 新 | 新 | 新 | 新 | 4 | | 合计 | 6个已有 | | | | | 24张新增 |

规格:透明背景、胸像、四分之三视角、同一角色服装/发型/比例固定;源文件 1024x1024 PNG,运行时输出 512 WebP 和 96/48 缩略图。

不得直接复刻影视截图、演员肖像或现有剧照。角色识别来自服装轮廓、色彩、道具和原创面部设计。

C. 第一批 NPC 补充

现有20张 NPC/客人头像先作为 neutral。第一年仍缺的独立角色/通用身份:

| ID | 角色/身份 | 用途月份 | 需要表情 | 数量 | 状态 | | :--- | :--- | :--- | :--- | ---: | :--- | | NPC-01 | 杨慧兰 | 月09-10 | neutral/determined/softened | 3 | missing | | NPC-02 | 税吏/账房官 | 旧账、后续复用 | neutral/suspicious | 2 | missing | | NPC-03 | 商队领队 | 月05 | neutral/urgent | 2 | missing | | NPC-04 | 蒙面旧识/夜访者 | 月05、月09 | shadow/hostile | 2 | missing | | NPC-05 | 擂台司仪 | 月08-10 | neutral/excited | 2 | missing | | NPC-06 | 房东/催账人 | 月12 | neutral/impatient | 2 | missing | | NPC-07 | 普通街坊群像 | 月02、月11-12 | warm/concerned | 2 | missing | | NPC-08 | 江湖豪杰群像 | 月08-10 | neutral/cheering | 2 | missing |

包大仁、断指轩辕、邢捕头、燕小六、祝无双、小米、钱氏夫妇、赛西施、郭巨侠、白三娘和展红绫优先复用现有头像,不重复生成。

D. 通用剧情背景包

| ID | 背景 | 时段变体 | 覆盖月份 | 数量 | | :--- | :--- | :--- | :--- | ---: | | BG-01 | 客栈大堂全景 | day/night | 01-12 | 2 | | BG-02 | 柜台与账房近景 | day/night | 01-12、旧账 | 2 | | BG-03 | 后厨灶台 | day/night/烟火危机 | 01、03-06、08-10 | 3 | | BG-04 | 后院水井与柴垛 | day/night | 01、03、06-07、旧账 | 2 | | BG-05 | 二楼走廊与客房门口 | night | 05、07、旧账 | 1 | | BG-06 | 屋顶与后巷 | night | 01、05、07、09、旧账 | 1 | | BG-07 | 七侠镇街市/赶集 | day | 01-02、05、09 | 1 | | BG-08 | 客栈门口/街坊围观 | day/dusk | 02-05、08-10 | 2 | | BG-09 | 衙门/官差临时盘查 | day | 03-04、旧账 | 1 | | BG-10 | 擂台会场 | day/dusk | 08-10 | 2 | | BG-11 | 仓房/冬储库房 | day | 04、06、11-12 | 1 | | BG-12 | 岁末大堂/团圆饭 | night/snow exterior hint | 12 | 1 | | 合计 | 12类 | | 全年 | 18张 |

规格:源图 1920x1080;运行时 WebP 1600x900。每张必须保留中央和下方文字安全区,并提供 9:16/4:5 可裁切焦点说明,不要求另画一张移动版。

E. 关键道具与状态图标

优先复用:

  • coin.png:铜钱、赔偿、工资。
  • ledger-book.png:账册、年终总录。
  • bill-scroll.png:欠条、来信、回执、名单。
  • arrest-token.png:官差、盘查、通缉。
  • kitchen-wok.png / food-bowl.png:试菜、后厨、团圆饭。
  • broom.png:清洁、大扫除。
  • backyard-well.png:井水、旱灾、后院。
  • facility-hammer.png:扩建、维修。
  • reputation-fan.png:口碑、名声、街坊评价。
  • alliance-fists.png:羁绊、站队、共同承担。

第一年新增道具图标:

| ID | 道具 | 月份/节点 | 数量 | 状态 | | :--- | :--- | :--- | ---: | :--- | | PROP-01 | 同福招牌 | 月01开业 | 1 | missing | | PROP-02 | 赊账木牌 | 月01、月12 | 1 | missing | | PROP-03 | 旧账残页/誊清副页 | 月02-03、旧账 | 2 | missing | | PROP-04 | 红绸与擂台报名帖 | 月08-10 | 2 | missing | | PROP-05 | 豪杰名录 | 月09 | 1 | missing | | PROP-06 | 郭巨侠家书 | 月10 | 1 | missing | | PROP-07 | 冬储采购单 | 月11 | 1 | missing | | PROP-08 | 岁末并账册/封签 | 月12、旧账 | 2 | missing | | PROP-09 | 跨年红绳结 | 月12、旧账 | 1 | missing | | PROP-10 | 旱灾水位牌 | 月06 | 1 | missing | | 合计 | | | 13张 | |

规格:512x512 透明 PNG 源文件,运行时 128 WebP/PNG;同类纸张保持同一边框和俯视角度。

4. P1 月份章节记忆点

第一轮不画76张独占场景,只准备12张月份封面:

| 月份 | 封面主题 | 画面核心 | | :---: | :--- | :--- | | 01 | 开业挂招牌 | 全员初聚、招牌与大堂 | | 02 | 街坊围桌 | 熟客、茶碗和热闹门口 | | 03 | 第一次危机 | 后厨烟火与众人分工 | | 04 | 百日扩建 | 新桌、凉茶和施工痕迹 | | 05 | 江湖客进门 | 刀客、商队与老白警觉 | | 06 | 盛夏井水见底 | 水井、夜市灯火和账本 | | 07 | 夜巡谈心 | 二楼月光、关系沉淀 | | 08 | 挂红绸与擂台 | 红绸、误会和聚集豪杰 | | 09 | 擂鼓将响 | 名册、杨慧兰与备赛人群 | | 10 | 决擂高光 | 擂台、客栈旗号和群像 | | 11 | 冬至收心 | 冬储、清静大堂和归属 | | 12 | 团圆跨年 | 团圆饭、账册和门外雪夜 |

规格:1920x1080 源图,输出 1600x900 WebP;构图需能裁成 4:5。封面不烘焙月份文字,文字由 UI 覆盖。

pic/剧情/剧情2.png剧情7.png 可能包含月01-06候选画面,必须先建立切片映射和质量验收,不能只按文件序号推断对应月份。

5. P2 增强包

以下不阻塞第一年对白 UI 上线:

  • 每月再选2个高光节点,共24张16:9场景插画。
  • 郭吕、白佟、钱氏夫妇、祝吕、大嘴杨慧兰共10组双人互动立绘。
  • 雨、雪、烟、火、尘、夜雾等6种轻量 overlay;优先CSS/粒子,确需位图再产出透明WebP。
  • 剧情插画素材总清单-v1.md 中剩余逐节点插画按真实使用率补,不作为数量 KPI。

6. 建议目录与命名

public/story/year1/
  ui/
    dialogue-paper.webp
    dialogue-frame.9.png
    nameplate-active.png
    nameplate-muted.png
  portraits/
    tong/{neutral,happy,worried,angry,determined}.webp
    bai/{neutral,happy,worried,angry,determined}.webp
    ...
  npcs/
    yang-huilan/{neutral,determined,softened}.webp
  backgrounds/
    inn-hall-day.webp
    inn-hall-night.webp
    ...
  chapters/
    month01-cover.webp
    ...
    month12-cover.webp
  props/
    inn-sign.webp
    old-ledger-page.webp
    ...

命名使用小写英文和短横线;同一角色、地点和表情 key 固定。源图可保存在 outputs/story/year1/**,只有通过验收的运行时版本进入 public/story/year1/**

7. 美术长工拆分

| 包 | owner 目标 | 唯一写面 | 交付量 | | :--- | :--- | :--- | ---: | | ART-A0 | 盘点并切分 pic/剧情/剧情1-7.png,建立节点映射,不生新图 | outputs/story/year1/audit/** + 一份审计报告 | 7张源图 | | ART-A1 | 六核心角色表情包 | outputs/story/year1/portraits/core/** | 24张新增 | | ART-A2 | NPC缺口包 | outputs/story/year1/portraits/npcs/** | 17张 | | ART-A3 | 通用背景包 | outputs/story/year1/backgrounds/** | 18张 | | ART-A4 | 12月章节封面 | outputs/story/year1/chapters/** | 12张 | | ART-A5 | 关键道具包 | outputs/story/year1/props/** | 13张 | | ART-A6 | UI框架与压缩导出 | outputs/story/year1/ui/**,验收后才进入 public/story/year1/** | 1套 |

美术包可以并行生成,但 public/story/year1/** 只由 ART-A6 在视觉验收后统一写入,避免多个长工覆盖运行时资产。

8. 资产验收

每张资产必须满足:

  • 原创,不使用影视截图、演员肖像复制、现成水印或来源不明素材。
  • 人物服装、发型、年龄和体型在表情间一致。
  • 背景不抢文字区,桌面与竖屏裁切均保留主要人物/物件。
  • 无烘焙文字、UI按钮、内部ID或技术标签。
  • 透明资产边缘干净,无白边、黑边或残余背景。
  • 同包色温和明暗统一,不把所有画面做成同一棕黄滤镜。
  • 文件名、尺寸、格式、透明通道与目录符合本清单。
  • 运行时导出建议:背景不高于350KB、512立绘不高于180KB、128图标不高于60KB;视觉质量不足时以质量为先并记录例外。

ART-A6 还需建立一张 manifest,记录:asset key / source file / runtime file / dimensions / focal point / status / license note

9. UI 接线前置

素材完成后仍需单独的 UI/数据契约 lane,至少决定:

  1. GameEvent 是否只保留 sceneDescription,还是新增结构化 speaker/line/portrait/background 引用。
  2. 逐句对白、选择后回应和历史回看如何保存状态。
  3. 桌面弹窗与竖屏 bottom sheet 的立绘位置、文字高度和滚动方式。
  4. 图片加载失败时是否回退到当前纯文本 RandomEventPopup。
  5. 存档是否需要记录对白阅读进度;未拍板前不得扩 schema。

本清单不授权修改 RandomEventPopup.tsxsrc/data/eventTables/**App.tsx 或存档结构。

10. 回包格式

completed:
- 资产包、数量、输出路径

incomplete:
- 缺失资产与原因

blockers:
- 风格、授权、角色一致性或切片映射问题

next action:
- 视觉验收或统一导出动作

evidence:
- contact sheet
- manifest
- 文件清单与尺寸/格式检查