3.2 手绘资产的切分与复用
手绘资产该拆成几个切分件、拆完有没有人复用,是两笔能算清的账。本节把「切分件数、复用率、单件重绘成本」写成整数模型:用 Python 算复用率与节省成本,用 TypeScript 复算并对拍,再用「只被用一次的件」这个信号抓出切分过度——拆了一堆没人复用的件,账面上看得见。
category
手绘资产该拆成几个切分件、拆完有没有人复用,是两笔能算清的账。本节把「切分件数、复用率、单件重绘成本」写成整数模型:用 Python 算复用率与节省成本,用 TypeScript 复算并对拍,再用「只被用一次的件」这个信号抓出切分过度——拆了一堆没人复用的件,账面上看得见。
2D 手绘最容易失控的不是画得漂不漂亮,而是线宽、圆角与色块数各画各的。本节把这三样写成可校验的整数规范:线宽阶梯、圆角上限、每类资产的色块数上限,并用同一份规范真生成色卡与线宽样本 PNG;再用 TypeScript 校验器与 Python 落盘的 JSON 对拍,证明两侧的整数类违例集合与摘要逐位一致。
像素 tile 的预算也是整数账:场景 tile 网格 cols×rows、逻辑屏能铺几整格与边缘半格、tileset 字节 = 唯一 tile 数 × tileW × tileH × bpp、图集占用千分比。附可跑的 S 层脚本与 TS 校验器,跨语言逐位一致。
像素风用整数色差账回答「量化亏多少」:16 级色阶条映射到最近调色板色记总误差,再找最优两色对做有序抖动,抖动把误差从 381 降到 141;抗锯齿会造出 36 色而抖动新色数为 0。附可跑的 S 层脚本与 TS 校验器,跨语言逐位一致,测试六条全绿。
像素风的显示档位与调色板上限全是整数账:逻辑分辨率 320×180 配整数缩放倍率与黑边余量、8 个色彩 token 加明暗 ramp 的调色板用量、5 对 WCAG 对比度 ×10。本节给出可跑的 S 层脚本与 TS 校验器,跨语言逐位一致。
三卷的交付物收尾:12 项分三类(spec-text / schema / runnable-artifact),本套三卷即全部,故状态必须全部 done。S 层校验完整性、P 层与 Python 逐位一致,W 层用一张可切主题的单文件看板把清单、矩阵与交付物总览画出来;再给出四条延伸阅读。
三卷总收官:把卷一 ch16 的规范装配、卷二 ch16 的四道闸门、卷三 ch16 的 8 项验收清单串成一条链,在 6 个主题包上各跑一遍,6×(2+4+8)=84 项判定全过。再独立复算 6×6 距离矩阵,摘要命中跨卷锚点 fa04e9418d9f3c2c;B 层扫阈值证明下限 800 不能松。
把跨风格验收做成一张可跑的清单:8 项判据分 static 与 per-theme 两类,命名、token 数、对比度、图集装箱率、mip 字节、最近邻距离全写成整数比较。同一张清单在 6 个主题包上各跑一遍,48 项判定全过;TS 内核与 Python 逐位一致,四条负例都能真的报错。
六套主题同出一份规范,换主题时哪些字段能跟着走、哪些必须重写?判据只有一条:叶子字段在 6 个实例上是否逐位相同。14 个结构叶子可迁移、代价 0;10 个风格叶子不可迁移、必须重写。同项目换主题要触碰 21 个点,跨项目迁移涨到 35,B 层再扫主题数与角色数看这笔账对什么敏感。
把「同源但可区分」量成一个整数:五维加权 L1 的整数均值再 ×10,判据是下限 800。15 对全部高于下限,最近一对 lowpoly/cozy-clean 是 1002,摘要指纹与卷一、卷二、卷三 1.2 独立复算逐位相同;B 层再扫阈值与权重,证明三个可测维度一个都不能少。
同一份规范结构在 6 个主题下各实例化一次:命名段、预算、8 个色彩 token、5 对对比度、图集与两个风格参数拼成完整 spec。同一套五道闸门的 validator 跑 6 遍,六次全过,实跑结果逐行给出,并与 TS 侧做跨语言 digest 对拍。
跨品类移植不是复制粘贴,而是一笔账。本节把复用分成参数级/贴图层/几何层/全新建四层,各给一个整数改造系数,对四条迁移路径算改造人天:节省率从 379‰(中度→重度,要动几何)到 603‰(降级精简,只改参数),并给出层级成本结构与两条口径陷阱。
可读性不是调色板的绝对属性,而是调色板与观看条件的匹配。本节把四品类的观看条件(屏幕、单次注视时长、同屏元素数)折成四道整数门槛,对 6 个主题包做 6×4=24 格判定:休闲只过 2 格、中度 3 格、独立 2 格、重度 6 格——同一份调色板,换个品类判定就不同。
同一支团队做休闲和做重度,能出的资产量差一倍。本节把品类写成一笔可复算的整数账:四分品类(休闲/中度/重度/独立)各给一个迭代的团队规模与资产需求,产能口径与卷二 14.1 同源(有效系数 595‰),算出利用率 781/1058/1092/966‰ 与吞吐 134/120/85/95,并给出档位加权几何预算 52500~123000 面。
6 个主题包共用一套结构(8 个 token 名、5 对对比度、同一图集与预算),切换只换取值不换规则:逐变体重跑门禁,6 个主题全部 0 失败对,最紧一对 pixel 的 danger/surface 恰好 45 等于下限;切换成本 8/8,每 token 在 6 变体下都有 6 个互异取值。W 层主题切换器切 retro-cyber ↔ cozy-clean,断言调色板真变。
霓虹的「发光」在命令行里只算参数与账:4 层光晕累计 1250‰ 被 1000‰ 截断,丢失 250‰;光晕外扩环占 cell 面积 410‰,低于 500‰ 上限,反解最大半径 7px;图集每格四周 padding 6px 后槽位从 256 掉到 169,装箱率 144‰ 升到 203‰。
复古 / 赛博的霓虹感是可校验的整数约束:发光色饱和度下限 500‰、地色亮度上限 250‰,把「暗底高饱和」与「亮底低饱和」分开;再算 5 对 WCAG ×10 对比度与整数色彩分级。实测 retro-cyber 零违例,cozy-clean 有 4 项违例,分级改色却改不动地色亮度上限。
规范一旦铺到多个场景,一致性就不再靠人记:每个场景的 8 个 token 都要与主题逐通道比较,任何一通道偏移都判漂移;同时复算每场景 5 对对比度的最小值,低于下限即判违例。本节用 Python 真跑四个场景的一致性审计,再用 TypeScript 校验器与 Python 落盘的 JSON 对拍,证明两侧的整数类违例集合与摘要逐位一致。
清新治愈的形状语言同样可以整数化:圆角取阶梯且不超短边一半、柔边宽取阶梯、过渡带数必须整除柔边宽(每带等宽整数像素)、模糊半径取阶梯、柔和风格禁粗描边。本节用 Python 真跑六块 UI 资产的规范审计并生成圆角样本 PNG,再用 TypeScript 校验器与 Python 落盘的 JSON 对拍。
清新治愈的「高明度低饱和」不是形容词,而是可校验的整数:背景族明度有下限、中性角色饱和度有上限、强调色有数量上限。本节把三条约束写进 cozy-clean 主题,用 Python 真跑候选色审计并生成色卡 PNG,再用 TypeScript 校验器与 Python 落盘的 JSON 对拍,证明两侧的整数类违例集合与摘要逐位一致。