# 「西行云途」美术制作规范文档

> 版本：V1.0  
> 适用范围：西行云途微信小程序全部视觉资产  
> 总则：全项目采用**非写实布艺Q版风格**，所有角色、场景、特效、UI 均须遵循本规范。严禁复刻或借鉴任何影视、动画、游戏中的已有角色造型与场景构图。

---

## 目录

1. [角色规范](#1-角色规范)
2. [场景规范](#2-场景规范)
3. [战斗特效规范](#3-战斗特效规范)
4. [表情包规范](#4-表情包规范)
5. [UI规范](#5-ui规范)
6. [灵宠换装规范](#6-灵宠换装规范)

---

## 1. 角色规范

### 1.1 通用标准

| 项目 | 规范 |
|------|------|
| **身体比例** | 3 头身（头:躯干:腿 ≈ 1:1:1） |
| **风格类型** | 布艺娃娃 Q 版，非写实 |
| **质感表现** | 软布偶质感，柔边无硬轮廓，缝合线装饰可见 |
| **上色方式** | 平涂为主，局部水墨渐变晕染 |
| **配色体系** | 低饱和国风配色，整体明度控制在 50%-85% |
| **五官** | 简笔点线五官（逗号眼/豆豆眼 + 短线嘴），无写实五官、无真人轮廓、无鼻子或仅点鼻 |
| **线条** | 手绘感不闭合线条，线宽 2-4px，深棕/深灰（禁用纯黑 #000000） |
| **阴影** | 仅布艺层叠软阴影，禁用写实光影、禁用渐变投影 |

#### 尺寸规格表

| 类型 | 画布尺寸 | 角色占比 | 导出格式 | 透明底 |
|------|---------|---------|---------|--------|
| 全身立绘 | 1024×1536 px | 角色高度 ≥ 80% 画布 | PNG-24 | 是 |
| 半身像 | 512×640 px | 角色高度 ≥ 75% 画布 | PNG-24 | 是 |
| 头像/图标 | 256×256 px | 角色头部居中，占 70% 以上 | PNG-24 | 是 |
| 缩略图 | 128×128 px | 头部居中 | PNG-24 | 是 |

### 1.2 师徒角色详细规范

#### 1.2.1 玄清行者

**角色定位**：师徒核心，温和坚定的领队者。

| 项目 | 规范 |
|------|------|
| **专属色卡** | 主色 `#D4C5A9`（素缟）、辅色 `#A8C8C0`（青水）、点缀 `#E8D5B7`（暖玉）、线条 `#5C4A3A` |
| **布艺特征** | 粗麻布纹理头巾，多层叠穿布袍（内白外青灰），布质绑腿，草编鞋纹理 |
| **头部** | 圆头布偶头型，豆豆眼（深棕），短线弯眉，点鼻，微笑弧线嘴，耳垂有布艺小圆环装饰 |
| **发型** | 浅灰色毛线质感短发，布艺头巾（主色青水）自然垂坠 |
| **配饰** | 手持布质经卷（卷轴造型），斜挎布拼小袋 |
| **灵兽形态** | 原型为「沧溟玄龟」——圆壳布艺龟，壳纹为水墨笔触云纹，四足短圆，头部保留豆豆眼特征 |
| **形态切换** | 灵兽→拟人：龟壳缩小为背后布艺背包；拟人→灵兽：身体缩入布偶龟壳 |

**禁止事项**：
- 禁止红色袈裟/金色袈裟造型
- 禁止头戴五佛冠或毗卢帽
- 禁止锡杖造型
- 禁止任何佛教符号（卍字、莲花座等）

---

#### 1.2.2 石明小石

**角色定位**：活泼好动的主角，元气满满的小布偶。

| 项目 | 规范 |
|------|------|
| **专属色卡** | 主色 `#E8B84B`（暖石黄）、辅色 `#D4563A`（朱砂红）、点缀 `#5B8C5A`（松绿）、线条 `#4A3528` |
| **布艺特征** | 黄色粗棉布主体，红色布艺围巾，绿色布条腰带，手脚为圆形布片拼缝 |
| **头部** | 圆头布偶，头顶有布艺小突起（非发髻），逗号大眼（深棕），笑口常开的弧线嘴 |
| **发型** | 棕色毛线编织短卷发 |
| **配饰** | 手持布艺"如意小棍"（非金箍棒造型，为软布卷裹的短杖），布拼云纹小披肩 |
| **灵兽形态** | 原型为「灵明石猿」——圆滚滚布艺小猿，大耳朵布片，尾巴为毛线编织，保留红围巾 |
| **形态切换** | 灵兽→拟人：四肢拉长站立，猿耳缩小为头部装饰；拟人→灵兽：蹲伏缩小 |

**禁止事项**：
- 禁止紧箍咒/金箍造型
- 禁止金箍棒（红金双色棍棒）造型
- 禁止虎皮裙
- 禁止雉鸡翎（头顶长羽）
- 禁止火眼金睛特效
- 禁止猴脸写实五官

---

#### 1.2.3 亥悟

**角色定位**：憨厚贪吃的大个子，反差萌担当。

| 项目 | 规范 |
|------|------|
| **专属色卡** | 主色 `#C49A7A`（暖棕）、辅色 `#8CB369`（豆绿）、点缀 `#F0D5A8`（奶米）、线条 `#5C3D2E` |
| **布艺特征** | 棕色绒布主体，豆绿色布艺肚兜，圆滚滚布偶体型 |
| **头部** | 圆头布偶，布艺猪耳（软垂），豆豆眼（黑色），圆形布贴鼻子，微笑弧线嘴 |
| **发型** | 深棕色毛线短卷发，头顶有一小撮翘发 |
| **配饰** | 布艺"云纹耙"（非九齿钉耙造型，为布艺园艺小耙），斜挎布质大食袋 |
| **灵兽形态** | 原型为「云鬃小彘」——圆胖布艺小猪，卷尾巴毛线编织，保留肚兜特征 |
| **形态切换** | 灵兽→拟人：前蹄展开为手，后腿直立；拟人→灵兽：四肢缩为短蹄 |

**禁止事项**：
- 禁止九齿钉耙造型
- 禁止猪头写实造型
- 禁止袒胸露腹的成人化设计
- 禁止黑色僧袍

---

#### 1.2.4 尘净

**角色定位**：沉稳可靠的后盾，安静的守护者。

| 项目 | 规范 |
|------|------|
| **专属色卡** | 主色 `#7B8FA1`（灰蓝）、辅色 `#D4A574`（沙棕）、点缀 `#E8E0D5`（尘白）、线条 `#3D3D3D` |
| **布艺特征** | 灰蓝色粗麻布袍，沙棕色布质围巾，布片拼接护腕 |
| **头部** | 圆头布偶，豆豆眼（深棕），平眉，直线嘴（沉稳表情），布艺圆耳 |
| **发型** | 深灰色毛线短发，布艺头箍装饰 |
| **配饰** | 手持布艺"流云铲"（非月牙铲造型，为圆头布艺小铲），背负布质行囊 |
| **灵兽形态** | 原型为「沧澜水灵」——半透明蓝灰布艺水灵体，圆润无棱角，身上有水墨水纹装饰 |
| **形态切换** | 灵兽→拟人：水灵体凝为布偶实体；拟人→灵兽：身体化为半透明水灵态 |

**禁止事项**：
- 禁止月牙铲造型
- 禁止骷髅头项链
- 禁止红色头发/胡须
- 禁止写实水波特效

---

#### 1.2.5 沧龙驹（脱敏自：白龙马）

**角色定位**：优雅忠诚的伙伴坐骑。

| 项目 | 规范 |
|------|------|
| **专属色卡** | 主色 `#E8F0F8`（云白）、辅色 `#A8C8E0`（天蓝）、点缀 `#D4C5A9`（暖灰）、线条 `#4A6070` |
| **布艺特征** | 白色绒布主体，天蓝色布艺鬃毛（毛线编织），布片拼缝四蹄 |
| **头部** | 布偶马头，豆豆眼（深蓝），布艺三角耳，天蓝色鬃毛自然垂落 |
| **配饰** | 布艺云纹鞍（非传统马鞍），天蓝色布质缰绳 |
| **灵兽形态** | 原型为「沧溟龙灵」——布艺小龙，圆胖蛇形身，布片鳞片（天蓝色），小角为毛线编织 |
| **形态切换** | 灵兽→拟人：龙灵体伸长站立为马形；拟人→灵兽：马身缩小蜷为龙灵 |

**禁止事项**：
- 禁止白龙/龙角写实造型
- 禁止金色/红色传统马鞍
- 禁止写实马匹肌肉线条

---

### 1.3 角色通用禁止事项

| 序号 | 禁止内容 | 说明 |
|------|---------|------|
| 1 | 写实五官、真人轮廓 | 全员简笔点线五官 |
| 2 | 影视/动画角色复刻 | 不得借鉴任何已有IP形象 |
| 3 | 传统佛教/道教符号 | 禁止卍字、八卦、莲花座等 |
| 4 | 金属质感 | 全员布艺/毛线/麻布质感 |
| 5 | 高饱和度配色 | 全角色低饱和 |
| 6 | 性感/暴露设计 | 全员可爱无害风格 |
| 7 | 武器写实化 | 所有"武器"均为布艺玩具化处理 |

---

## 2. 场景规范

### 2.1 通用标准

| 项目 | 规范 |
|------|------|
| **风格类型** | 抽象水墨色块山水 |
| **质感表现** | 宣纸底纹 + 水墨晕染色块，无写实纹理 |
| **上色方式** | 水墨渐变平涂，色块边缘有自然水痕渗透效果 |
| **构图方式** | 几何化山形/树形/建筑，节点化图标风格 |
| **线条** | 毛笔笔触感线条，线宽 2-6px 不规则变化 |
| **色调** | 整体低饱和 + 墨色调和，各站点有专属色温 |

#### 场景尺寸规格

| 类型 | 尺寸 | 用途 |
|------|------|------|
| 站点全景 | 1125×2436 px（iPhone 全屏） | 关卡主背景 |
| 站点卡片 | 750×500 px | 站点选择界面卡片 |
| 场景组件 | 按需，基准 750×1334 px | 可复用场景元件 |
| 地图背景 | 2250×4872 px（@2x 全景） | 滚动大地图 |

#### 图层规范（由远及近）

```
Layer 5 — 天空/远景（最远）  → 移动速度 0.1x（慢速视差）
Layer 4 — 远山/云雾          → 移动速度 0.3x
Layer 3 — 中景建筑/树木      → 移动速度 0.6x
Layer 2 — 近景装饰/角色站立面 → 移动速度 1.0x（基准）
Layer 1 — 前景遮挡/UI浮层    → 移动速度 1.2x（快速视差）
```

#### 视差滚动参数

| 参数 | 值 |
|------|-----|
| 最大偏移量 | ±120px（Layer 5） ~ ±60px（Layer 2） |
| 缓动函数 | ease-out（cubic-bezier: 0.25, 0.1, 0.25, 1.0） |
| 陀螺仪响应 | 最大倾斜角度 ±15°，映射到 ±100px 偏移 |

### 2.2 六站点场景详细规范

#### 2.2.1 云唐城（脱敏自：长安）

**场景定位**：启程之地，温暖繁华的云上之城。

| 项目 | 规范 |
|------|------|
| **主色调** | `#F5E6D3`（暖杏底）+ `#D4A574`（沙棕）+ `#E8D5B7`（暖玉） |
| **天空** | 暖黄色到浅粉渐变，飘浮云纹布艺云朵 |
| **远山** | 圆润几何山形，淡棕色水墨晕染 |
| **建筑** | 布艺拼接小房屋群，三角布屋顶，圆窗（几何化），无写实斗拱/飞檐 |
| **前景元素** | 布艺灯笼串（暖橙色圆形灯笼），水墨柳枝剪影 |
| **地面** | 土黄色宣纸纹理路面，布艺拼接石板纹样 |
| **专属图标** | 布艺小城门（圆拱造型，布帘门） |

**禁止事项**：
- 禁止写实唐代建筑/城墙
- 禁止"长安"字样
- 禁止写实灯笼/宫灯
- 禁止实景古画风格

---

#### 2.2.2 分界岭（脱敏自：两界山）

**场景定位**：山岭分界处，神秘与冒险的交界。

| 项目 | 规范 |
|------|------|
| **主色调** | `#8FA89E`（石青）+ `#C4B89A`（枯黄）+ `#6B7B6B`（松灰） |
| **天空** | 青灰到浅蓝渐变，水墨流云 |
| **远山** | 层叠几何山形，深灰蓝到浅灰蓝墨色渐变 |
| **中景** | 布艺古松（几何三角树冠），山石（圆角多边形） |
| **前景元素** | 布艺路牌（木纹布），水墨草丛，布艺小鸟剪影 |
| **地面** | 灰绿宣纸纹理，布艺碎石纹样 |
| **专属图标** | 布艺界碑（圆头石碑造型） |

**禁止事项**：
- 禁止五指山/五行山造型
- 禁止镇压符咒/封条
- 禁止写实山石纹理

---

#### 2.2.3 亥乡（脱敏自：高老庄）

**场景定位**：田园温馨的小村庄，治愈系农场风。

| 项目 | 规范 |
|------|------|
| **主色调** | `#C8D5A8`（嫩绿）+ `#F0D5A8`（奶米）+ `#E8C49A`（暖杏） |
| **天空** | 浅蓝到嫩绿渐变，布艺棉花糖云朵 |
| **远山** | 低矮圆润几何山丘，淡绿色水墨晕染 |
| **建筑** | 布艺农舍（圆顶草屋造型），布拼栅栏，风车（布艺四叶风车） |
| **前景元素** | 布艺向日葵/小花园，水墨麦田波浪，布艺小动物剪影 |
| **地面** | 嫩绿色宣纸纹理，布艺田垄纹样 |
| **专属图标** | 布艺小谷仓（圆顶小屋） |

**禁止事项**：
- 禁止"高老庄"字样
- 禁止写实农舍/中国古建
- 禁止猪圈/猪相关暗示元素（即使角色脱敏后也需避嫌）

---

#### 2.2.4 浊涧（脱敏自：流沙河）

**场景定位**：荒凉而神秘的水域关隘。

| 项目 | 规范 |
|------|------|
| **主色调** | `#A89880`（沙褐）+ `#7B9A8A`（浊绿）+ `#D4C4A8`（浅沙） |
| **天空** | 灰黄到沙棕渐变，水墨浊云 |
| **远山** | 嶙峋几何山形（尖锐多边形），深沙棕色 |
| **中景** | 水墨漩涡纹水面（布艺波浪造型），布艺枯木 |
| **前景元素** | 布艺芦苇丛，水墨飞沙粒子，布艺石滩 |
| **地面** | 沙黄色宣纸纹理，布艺水纹边缘 |
| **专属图标** | 布艺漩涡纹（螺旋布条） |

**禁止事项**：
- 禁止流沙河/沙僧相关原名暗示
- 禁止写实沙漠/河流
- 禁止骷髅/白骨元素

---

#### 2.2.5 赤焰谷（脱敏自：火焰山）

**场景定位**：炽热而绚丽的火之谷地。

| 项目 | 规范 |
|------|------|
| **主色调** | `#E8A858`（焰橙）+ `#C45A3A`（赤红）+ `#F0C878`（暖金） |
| **天空** | 深橙到浅金渐变，布艺火焰云（非写实火焰） |
| **远山** | 圆润几何火山造型，橙红到深红水墨渐变 |
| **中景** | 布艺火焰纹装饰（非写实火焰，为布条火焰造型），水墨热气波纹 |
| **前景元素** | 布艺仙人掌（圆润造型），水墨火星粒子，布艺岩石 |
| **地面** | 暖棕色宣纸纹理，布艺裂土纹样 |
| **专属图标** | 布艺小火苗（圆润布条火焰造型） |

**禁止事项**：
- 禁止写实火焰/火山
- 禁止芭蕉扇/铁扇元素
- 禁止牛角/焰魔灵相关
- 禁止红色写实岩浆

---

#### 2.2.6 灵山梵台

**场景定位**：终点圣地，宁静祥和的云端灵境。

| 项目 | 规范 |
|------|------|
| **主色调** | `#E8F0F8`（云白）+ `#C8D8E8`（天青）+ `#F5EDE3`（暖白）+ `#D4C5A9`（素缟） |
| **天空** | 纯白到天青渐变，布艺祥云阵列，柔和光圈 |
| **远山** | 层叠几何云峰（白色+淡蓝），金字塔形山体 |
| **建筑** | 布艺穹顶圆台（非传统寺庙，为布艺拼接圆形高台），布质飘带装饰 |
| **中景** | 水墨云雾缭绕，布艺莲花（几何化布片莲花，非宗教莲花） |
| **前景元素** | 布艺台阶（布条层叠），水墨光点粒子，布艺铃铛串 |
| **地面** | 暖白宣纸纹理，布艺云纹路面 |
| **专属图标** | 布艺小云台（圆台+飘带） |

**禁止事项**：
- 禁止佛教寺庙/大雄宝殿造型
- 禁止佛像/菩萨像/罗汉像
- 禁止原版宗教寺庙名称
- 禁止宗教莲花座/卍字
- 禁止写实寺庙建筑

---

### 2.3 场景通用禁止事项

| 序号 | 禁止内容 |
|------|---------|
| 1 | 写实建筑/城市（禁止任何可辨识的真实地标） |
| 2 | 实景古画/国画临摹 |
| 3 | 版权IP场景复刻 |
| 4 | 照片素材/3D渲染写实场景 |
| 5 | 宗教场所写实描绘 |
| 6 | 高饱和度风景配色 |

---

## 3. 战斗特效规范

### 3.1 通用标准

| 项目 | 规范 |
|------|------|
| **特效风格** | 水墨笔触 + 布艺飘动 + 粒子云雾 |
| **帧率** | 特效动画 24fps（序列帧） / 30fps（骨骼动画） |
| **透明度** | 特效叠加使用正片叠底 / 滤色模式 |
| **尺寸上限** | 单帧 ≤ 512×512 px，序列帧总张数 ≤ 30 张/特效 |
| **色彩** | 基于各属性专属色，低饱和优先 |

### 3.2 妖魔怪物规范

#### 3.2.1 通用怪物设计规范

| 项目 | 规范 |
|------|------|
| **风格** | 抽象元素灵怪，低多边形（Low Poly）造型 |
| **质感** | 无写实质感，水墨色块+几何面片 |
| **尺寸** | 战斗场景内占画面 15%-30% |
| **动画** | 漂浮/旋转/缩放循环，禁止写实骨骼动画 |

#### 3.2.2 元素灵怪类型

| 类型 | 名称 | 造型 | 配色 |
|------|------|------|------|
| **火系** | 焰团灵 | 不规则多边形火团，水墨火焰笔触包裹 | `#E8A858` / `#C45A3A` / `#F0C878` |
| **水系** | 涟纹灵 | 同心圆水纹叠加，布艺波浪边缘 | `#7BA8C8` / `#A8D4E0` / `#E0F0F8` |
| **木系** | 藤蔓灵 | 几何叶片+布艺藤条缠绕体 | `#8CB369` / `#5B8C5A` / `#C8D5A8` |
| **风系** | 旋涡灵 | 螺旋水墨笔触，布条飘动环绕 | `#C8D8B8` / `#A8C8A0` / `#E8F0D8` |
| **岩系** | 碎岩灵 | 低多边形石块组合，浮空旋转 | `#A89880` / `#C4B89A` / `#8B7B6B` |
| **光系** | 辉光灵 | 柔和光斑聚合，布艺星形边缘 | `#F5EDE3` / `#E8D5B7` / `#FFF8F0` |
| **暗系** | 墨影灵 | 水墨晕染暗影体，边缘模糊渗透 | `#5C4A3A` / `#3D3D3D` / `#7B6B5B` |

#### 3.2.3 BOSS 怪物规范

| BOSS | 脱敏自 | 造型规范 | 禁止事项 |
|------|--------|---------|---------|
| 焰谷炎灵 | 焰魔灵 | 大型焰团灵进化体，水墨火焰环身，无角无兽形 | 禁止牛角/牛头/混铁棍 |
| 万灵蛛母 | 蜘蛛精 | 几何多边形蛛形灵体，布艺蛛网纹，无写实蜘蛛 | 禁止写实蜘蛛/人形蛛 |
| 寒波冰灵 | 灵感大王 | 大型涟纹灵进化体，冰蓝水墨漩涡 | 禁止鱼形/金鱼精造型 |
| 万灵谷主 | 狮驼岭三怪 | 大型旋涡灵进化体，多重水墨风涡叠加 | 禁止狮/象/鹏造型 |

### 3.3 技能特效规范

#### 3.3.1 技能特效类型

| 技能类型 | 特效表现 | 配色范围 | 动画时长 |
|---------|---------|---------|---------|
| **普攻** | 水墨笔触挥击（布条飘动轨迹） | 角色主色 | 0.3-0.5s |
| **技能A** | 水墨爆发 + 布艺碎片飞散 | 角色辅色 | 0.8-1.2s |
| **技能B** | 水墨漩涡 + 粒子云雾聚合 | 技能属性色 | 1.0-1.5s |
| **必杀技** | 全屏水墨泼洒 + 布艺飘带动画 | 角色专属色组合 | 2.0-3.0s |
| **防御** | 布艺盾纹展开（水墨笔触护盾） | 浅色半透明 | 持续 |
| **治疗** | 布艺绿叶/水滴飘落 + 水墨光点上升 | 绿色/蓝色系 | 0.8-1.0s |

#### 3.3.2 特效禁止事项

| 序号 | 禁止内容 |
|------|---------|
| 1 | 禁止任何写实爆炸/火焰/闪电特效 |
| 2 | 禁止3D粒子系统写实特效 |
| 3 | 禁止金箍棒/九齿钉耙/月牙铲等IP武器特效 |
| 4 | 禁止佛教/道教符号特效（莲花、卍字、八卦） |
| 5 | 禁止高饱和霓虹光效 |
| 6 | 禁止屏幕震动超过 ±8px |

### 3.4 战斗UI动效规范

| 项目 | 规范 |
|------|------|
| **血量条** | 布艺缝合进度条，水墨笔触边框，圆角端点 |
| **技能图标** | 布艺贴布绣图标风格，64×64 px |
| **伤害数字** | 毛笔手写体数字，弹出后水墨消散（0.6s） |
| **连击提示** | 布艺飘带文字，从右上方飘入 |
| **战斗胜利** | 布艺星星+彩带（水墨笔触）+ 角色布偶跳跃 |
| **战斗失败** | 布偶趴倒 + 水墨雨滴下落 |

---

## 4. 表情包规范

### 4.1 通用标准

| 项目 | 规范 |
|------|------|
| **风格** | 布艺娃娃原创动作表情 |
| **格式** | GIF（动态）/ PNG（静态） |
| **单图体积** | ≤ 200KB（GIF）/ ≤ 100KB（PNG） |
| **GIF帧率** | 10-15fps |
| **GIF循环** | 2-4 次循环后停顿 1s（避免无限循环视觉疲劳） |
| **画布尺寸** | 240×240 px（表情主图） |
| **缩略图尺寸** | 120×120 px |
| **背景** | 透明底或纯色圆角底（#FFF8F0 暖白圆角） |
| **线条** | 手绘感布艺线条，线宽 2-3px |

### 4.2 表情包清单（共 16 款）

| 编号 | 表情名称 | 角色 | 动作描述 | 类型 |
|------|---------|------|---------|------|
| E01 | 元气出发 | 石明小石 | 布偶跳跃挥手，围巾飘动 | GIF |
| E02 | 干饭时间 | 亥悟 | 布偶大口吃布艺包子，腮帮鼓动 | GIF |
| E03 | 淡定喝茶 | 玄清行者 | 布偶端布艺茶杯，蒸汽袅袅上升 | GIF |
| E04 | 默默守护 | 尘净 | 布偶安静站立，微微点头 | GIF |
| E05 | 飞奔而来 | 沧龙驹 | 布艺小马奔跑，鬃毛飘动 | GIF |
| E06 | 点赞 | 石明小石 | 布偶竖起大拇指（布艺圆手），星星眼闪烁 | GIF |
| E07 | 委屈巴巴 | 亥悟 | 布偶低头，豆豆眼变水汪汪，短线嘴下弯 | PNG |
| E08 | 加油打气 | 石明小石 | 布偶双手举布艺小旗左右挥舞 | GIF |
| E09 | 晚安 | 玄清行者 | 布偶盖布艺小被子，闭眼微笑 | GIF |
| E10 | 问号脸 | 尘净 | 布偶歪头，头顶冒出布艺问号 | GIF |
| E11 | 爱心发射 | 石明小石 | 布偶双手比心（布艺圆手拼成心形），水墨爱心飞出 | GIF |
| E12 | 累了 | 亥悟 | 布偶趴倒，布艺汗水飞溅（水墨水滴） | GIF |
| E13 | 冲鸭 | 沧龙驹 | 布艺小马冲刺，身后水墨速度线 | GIF |
| E14 | 乖巧坐好 | 玄清行者 | 布偶端坐，双手放膝盖 | PNG |
| E15 | 欢呼 | 石明小石 | 布偶跳跃撒布艺彩纸（水墨彩色纸片） | GIF |
| E16 | 集合啦 | 全员 | 四个布偶挤在一起，挥手召唤 | GIF |

### 4.3 表情包禁止事项

| 序号 | 禁止内容 |
|------|---------|
| 1 | 禁止还原任何影视/动画中的经典名场面 |
| 2 | 禁止使用影视角色表情截图作为参考 |
| 3 | 禁止写实表情/真人表情风格 |
| 4 | 禁止文字使用版权字体（统一使用免费可商用字体或手写） |
| 5 | 禁止包含IP角色名称的文字（如"悟空"、"八戒"） |
| 6 | 禁止GIF体积超过200KB |

---

## 5. UI规范

### 5.1 通用标准

| 项目 | 规范 |
|------|------|
| **风格** | 全圆角扁平化 |
| **质感** | 无浮雕、无渐变投影、无金属质感、无玻璃拟态 |
| **图片素材** | 禁止任何写实照片/3D渲染素材 |
| **圆角规则** | 按钮 12px / 卡片 16px / 弹窗 20px / 图标 8px |
| **阴影** | 仅软投影（Y偏移 2-4px，模糊 8-12px，透明度 8%-15%） |

### 5.2 色彩体系

#### 亮色模式色板

| 用途 | 色值 | 说明 |
|------|------|------|
| 主色 Primary | `#C45A3A` | 朱砂红（按钮、强调） |
| 主色悬停 | `#D47050` | 主色浅化 |
| 辅色 Secondary | `#5B8C5A` | 松绿（标签、次要按钮） |
| 辅色悬停 | `#6FA06E` | 辅色浅化 |
| 背景色 | `#FFF8F0` | 暖白（页面背景） |
| 卡片色 | `#FFFFFF` | 纯白（卡片、弹窗） |
| 分割线 | `#F0E8D8` | 暖灰白 |
| 文字主 | `#3D3D3D` | 深灰（标题、正文） |
| 文字辅 | `#8B7B6B` | 中灰棕（辅助文字） |
| 文字弱 | `#C4B8A8` | 浅灰棕（占位符、禁用） |
| 成功 | `#7BA87B` | 柔和绿 |
| 警告 | `#E8B84B` | 暖石黄 |
| 错误 | `#D4563A` | 朱砂红深色 |
| 信息 | `#7BA8C8` | 柔和蓝 |

#### 暗色模式色板

| 用途 | 色值 | 说明 |
|------|------|------|
| 背景色 | `#2C2418` | 深棕 |
| 卡片色 | `#3D3224` | 中棕 |
| 分割线 | `#4A3D2E` | 暗棕 |
| 文字主 | `#F0E8D8` | 暖白 |
| 文字辅 | `#C4B8A8` | 浅灰棕 |
| 文字弱 | `#8B7B6B` | 中灰棕 |
| 主色 | `#D47050` | 浅化朱砂红（暗色下提亮） |
| 辅色 | `#6FA06E` | 浅化松绿 |

### 5.3 按钮规范

#### 主要按钮

| 属性 | 值 |
|------|-----|
| 最小尺寸 | 240×48 px |
| 圆角 | 12px |
| 背景 | 主色 `#C45A3A` |
| 文字 | 白色 16px 加粗 |
| 阴影 | 0 2px 8px rgba(196, 90, 58, 0.15) |
| 按下态 | 缩放 0.96，背景深 5% |
| 禁用态 | 背景 `#D4C5A9`，文字 `#C4B8A8` |

#### 次要按钮

| 属性 | 值 |
|------|-----|
| 最小尺寸 | 240×48 px |
| 圆角 | 12px |
| 背景 | 透明 |
| 边框 | 1.5px `#C45A3A` |
| 文字 | 主色 16px |
| 按下态 | 背景 `rgba(196, 90, 58, 0.08)` |

#### 图标按钮

| 属性 | 值 |
|------|-----|
| 尺寸 | 44×44 px（触控最小区域） |
| 圆角 | 8px |
| 图标尺寸 | 24×24 px（居中） |
| 背景 | 透明 / 按下时 `rgba(61, 61, 61, 0.06)` |

### 5.4 卡片规范

| 属性 | 值 |
|------|-----|
| 圆角 | 16px |
| 背景 | 白色 `#FFFFFF` |
| 阴影 | 0 2px 12px rgba(61, 61, 61, 0.08) |
| 内边距 | 16px（常规）/ 12px（紧凑） |
| 卡片间距 | 12px |
| 描边 | 无 / 分割时 1px `#F0E8D8` |

#### 角色卡片特殊规范

| 属性 | 值 |
|------|-----|
| 尺寸 | 160×200 px |
| 角色图占比 | 卡片上部 65% |
| 名称区 | 下部 35%，居中，布艺标签底纹 |

### 5.5 弹窗规范

| 属性 | 值 |
|------|-----|
| 圆角 | 20px |
| 最大宽度 | 320px（手机端） |
| 背景 | 白色 `#FFFFFF` |
| 阴影 | 0 4px 20px rgba(61, 61, 61, 0.12) |
| 遮罩 | rgba(0, 0, 0, 0.4) |
| 标题 | 18px 加粗，居中 |
| 正文 | 14px，居中 |
| 关闭按钮 | 右上角 24×24 px，水墨叉号图标 |
| 动画 | 从下弹出（spring 弹性动画，300ms） |

### 5.6 图标库规范

| 项目 | 规范 |
|------|------|
| **图标风格** | 布艺贴布绣（Applique）风格——圆润线条，缝线感 |
| **图标尺寸** | 基准 24×24 px，@2x 48×48 px，@3x 72×72 px |
| **描边宽度** | 2px |
| **圆角** | 线条端点圆头，拐角圆角 |
| **色彩** | 单色图标使用文字主色 `#3D3D3D`，功能图标使用对应功能色 |
| **图标网格** | 24×24 px 图标内容区域 20×20 px，留 2px 边距 |

#### 必备图标清单

| 类别 | 图标列表 |
|------|---------|
| 导航 | 首页、返回、菜单、关闭、更多、搜索 |
| 功能 | 设置、分享、收藏、下载、刷新、编辑、删除 |
| 状态 | 成功、失败、警告、信息、加载中、空状态 |
| 社交 | 点赞、评论、分享、关注 |
| 战斗 | 攻击、防御、技能、治疗、背包 |
| 角色 | 角色、灵宠、换装、图鉴 |
| 通用 | 箭头（上下左右）、加号、减号、对勾、叉号 |

### 5.7 数据图表规范

| 项目 | 规范 |
|------|------|
| **图表风格** | 水墨抽象条形色块 |
| **柱状图** | 水墨笔触绘制的圆角矩形柱，非写实3D柱 |
| **折线图** | 毛笔手绘感曲线，线宽 3px，数据点为布艺小圆点 |
| **饼图** | 布艺拼布风格扇形，缝隙 2px |
| **配色** | 按角色/属性取色，低饱和 |
| **动画** | 柱状图从底部水墨生长（600ms），折线图从左绘制（800ms） |

### 5.8 字体规范

| 用途 | 字体 | 字号 | 行高 | 字重 |
|------|------|------|------|------|
| 大标题 | 免商毛笔字体 | 28px | 1.3 | Bold |
| 页面标题 | 免商毛笔字体 | 22px | 1.3 | Bold |
| 模块标题 | 系统默认中文字体 | 18px | 1.4 | Medium |
| 正文 | 系统默认中文字体 | 15px | 1.6 | Regular |
| 辅助文字 | 系统默认中文字体 | 13px | 1.5 | Regular |
| 标签/数字 | 系统默认中文字体 | 12px | 1.4 | Medium |
| 毛笔装饰字 | 免商毛笔字体 | 按需 | — | — |

> 注：毛笔装饰字仅用于氛围文字（如关卡标题），不用于正文阅读。

### 5.9 间距规范

| 级别 | 值 | 用途 |
|------|-----|------|
| xs | 4px | 图标与文字间距、紧密元素 |
| sm | 8px | 标签间距、列表内间距 |
| md | 12px | 卡片内间距、表单项间距 |
| lg | 16px | 页面边距、卡片间距 |
| xl | 24px | 模块间距 |
| xxl | 32px | 页面顶部/底部留白 |

### 5.10 UI 通用禁止事项

| 序号 | 禁止内容 |
|------|---------|
| 1 | 禁止浮雕效果、立体按钮 |
| 2 | 禁止写实照片/3D渲染素材 |
| 3 | 禁止金属/玻璃/拟物质感 |
| 4 | 禁止系统默认的蓝色链接/组件（需全局覆盖主题色） |
| 5 | 禁止版权字体（必须使用免费可商用字体） |
| 6 | 禁止大段纯文字无视觉分割 |

---

## 6. 灵宠换装规范

### 6.1 通用标准

| 项目 | 规范 |
|------|------|
| **风格** | 灵宠拟人换装，布艺Q版 |
| **布料纹理** | 原创云纹布料（非佛道传统纹样），所有图案须为原创 |
| **身体比例** | 2.5 头身（灵宠形态更Q更圆） |
| **质感** | 布艺软偶质感，缝线装饰可见 |
| **上色** | 平涂 + 水墨渐变，低饱和 |
| **画布尺寸** | 灵宠立绘 512×768 px，换装预览 360×540 px |

### 6.2 灵宠换装系统架构

```
灵宠本体（基础素体）
├── 头部部件层
│   ├── 发型（前发/后发）
│   ├── 头饰
│   └── 面部装饰
├── 身体部件层
│   ├── 上衣
│   ├── 下装
│   ├── 外套/披风
│   └── 身体纹饰
├── 手脚部件层
│   ├── 手部装饰
│   └── 脚部装饰
├── 背饰层
│   ├── 背包
│   └── 翅膀/飘带
└── 特效层
    └── 环绕粒子特效
```

### 6.3 灵宠皮肤系统设计

#### 6.3.1 小石灵（脱敏自：玉面灵猴 → 石明小石的灵宠形态）

**基础素体**：布艺小石猿，黄棕色绒布，圆耳布片。

| 皮肤编号 | 皮肤名称 | 主题 | 配色 | 核心特征 |
|---------|---------|------|------|---------|
| S01 | 云石行者 | 默认 | 暖石黄 `#E8B84B` / 松绿 `#5B8C5A` | 红色布艺小围巾，布拼云纹小披肩 |
| S02 | 春樱小石 | 春季限定 | 樱花粉 `#F0C8C8` / 嫩绿 `#C8D5A8` | 布艺樱花头饰，花瓣飘带 |
| S03 | 秋枫小石 | 秋季限定 | 枫叶橙 `#E8A858` / 深棕 `#8B6B4A` | 布艺枫叶披风，毛线围脖 |
| S04 | 星夜小石 | 传说品质 | 深蓝 `#4A6090` / 暖金 `#F0C878` | 布艺星星头饰，水墨星光粒子特效 |

**禁止事项**：
- 禁止金色紧箍/头箍造型
- 禁止虎皮纹/豹纹
- 禁止雉鸡翎

---

#### 6.3.2 月绒兔（脱敏自：云间玉兔）

**基础素体**：布艺小白兔，白色绒布，长耳布片自然垂落。

| 皮肤编号 | 皮肤名称 | 主题 | 配色 | 核心特征 |
|---------|---------|------|------|---------|
| R01 | 云间绒兔 | 默认 | 云白 `#E8F0F8` / 浅粉 `#F0D8D8` | 布艺云纹围兜，毛线小尾巴球 |
| R02 | 桂月绒兔 | 中秋限定 | 月黄 `#F0E8C8` / 桂棕 `#C4A87A` | 布艺桂花头环，水墨月牙背景 |
| R03 | 霜雪绒兔 | 冬季限定 | 冰蓝 `#C8E0F0` / 纯白 `#FFFFFF` | 布艺雪花头饰，毛线围巾 |
| R04 | 灵草绒兔 | 传说品质 | 翠绿 `#7BA87B` / 暖白 `#F5EDE3` | 布艺草药小背包，水墨绿叶环绕 |

**禁止事项**：
- 禁止捣药杵/药臼造型
- 禁止月亮上捣药场景
- 禁止广寒宫/嫦娥相关元素

---

#### 6.3.3 文甲龟（脱敏自：墨纹灵龟）

**基础素体**：布艺小龟，深绿绒布，圆壳布片拼接。

| 皮肤编号 | 皮肤名称 | 主题 | 配色 | 核心特征 |
|---------|---------|------|------|---------|
| T01 | 墨纹小龟 | 默认 | 墨绿 `#5B7B5A` / 浅沙 `#D4C4A8` | 水墨笔触龟壳纹，布艺小帽 |
| T02 | 沧海文甲 | 夏季限定 | 海蓝 `#5A8AA8` / 沙白 `#F0E8D8` | 布艺海浪纹龟壳，贝壳头饰 |
| T03 | 金石文甲 | 传说品质 | 暖金 `#D4B87A` / 深棕 `#5C3D2E` | 几何金石纹龟壳，水墨光环 |

**禁止事项**：
- 禁止八卦/河图洛书纹样
- 禁止龙龟/赑屃造型
- 禁止经文/符咒纹饰

---

#### 6.3.4 云羽雀（脱敏自：金翅灵雀）

**基础素体**：布艺小鸟，暖黄绒布，布片翅膀。

| 皮肤编号 | 皮肤名称 | 主题 | 配色 | 核心特征 |
|---------|---------|------|------|---------|
| B01 | 云间小雀 | 默认 | 暖黄 `#F0D878` / 暖棕 `#C49A7A` | 布艺云纹翅膀，布条尾羽 |
| B02 | 霞光羽雀 | 传说品质 | 霞粉 `#F0B8A8` / 暖金 `#F0C878` | 布艺霞光翅膀（渐变布片），水墨光羽粒子 |

**禁止事项**：
- 禁止金色翅膀/金翅造型
- 禁止凤凰/朱雀造型
- 禁止大鹏/金翅大鹏鸟造型

---

### 6.4 换装部件拆分规范

#### 6.4.1 部件命名规则

```
格式：[灵宠代号]_[部件类型]_[皮肤编号]_[状态]
示例：SRL_HAIR_FRONT_S01_DEFAULT
      SRL_BODY_TOP_S02_HAPPY
```

| 灵宠代号 | 含义 |
|---------|------|
| SRL | 小石灵 |
| YRT | 月绒兔 |
| WJG | 文甲龟 |
| YYQ | 云羽雀 |

| 部件类型 | 代码 |
|---------|------|
| 前发 | HAIR_FRONT |
| 后发 | HAIR_BACK |
| 头饰 | HEAD_ACC |
| 面部装饰 | FACE_DECO |
| 上衣 | BODY_TOP |
| 下装 | BODY_BOTTOM |
| 外套 | BODY_OUTER |
| 身体纹饰 | BODY_PATTERN |
| 手部装饰 | HAND_ACC |
| 脚部装饰 | FOOT_ACC |
| 背包 | BACK_ITEM |
| 翅膀/飘带 | BACK_WING |
| 特效 | EFFECT |

#### 6.4.2 部件图层顺序（从底到顶）

```
10 — 后发 / 身体纹饰（底层）
 9 — 翅膀/飘带（背部）
 8 — 背包
 7 — 下装
 6 — 上衣
 5 — 外套
 4 — 手部装饰 / 脚部装饰
 3 — 前发
 2 — 头饰
 1 — 面部装饰（顶层）
 0 — 特效（最顶层，独立渲染）
```

#### 6.4.3 部件规格

| 项目 | 规范 |
|------|------|
| 单部件画布 | 512×768 px（与立绘相同，保持锚点一致） |
| 部件格式 | PNG-24，透明底 |
| 锚点 | 部件统一以灵宠素体的骨骼锚点定位 |
| 部件文件命名 | 严格遵循命名规则 |
| 部件体积 | 单部件 ≤ 80KB |

### 6.5 云纹布料设计规范

#### 6.5.1 原创云纹要求

| 项目 | 规范 |
|------|------|
| **云纹风格** | 原创几何化云纹（非传统如意云纹/祥云纹） |
| **设计来源** | 由布艺拼布/缝线为灵感设计的几何云形图案 |
| **线宽** | 1.5-3px |
| **配色** | 基于皮肤主题色，半透明叠印（透明度 15%-30%） |
| **应用方式** | 平铺填充（Seamless Pattern），或作为局部装饰 |

#### 6.5.2 禁止使用的传统纹样

| 序号 | 禁止纹样 |
|------|---------|
| 1 | 如意云纹（传统如意形云头） |
| 2 | 佛教莲花纹/宝相花纹 |
| 3 | 道教八卦纹/太极纹 |
| 4 | 龙凤纹/螭纹/饕餮纹 |
| 5 | 万字纹（卍字/卐字） |
| 6 | 回纹/雷纹（传统回形纹） |
| 7 | 方胜纹/盘长纹 |
| 8 | 任何已知IP或品牌的版权纹样 |

---

## 附录

### A. 文件命名规范

```
格式：[类别]_[名称]_[类型]_[尺寸/编号].[扩展名]
示例：
  CHA_SMS_Standing_Full_1024.png      (角色_石明小石_立绘_全身)
  SCE_YTC_Pano_iPhone_1125.png        (场景_云唐城_全景_iPhone)
  VFX_Fire_SkillA_Frame_01.png        (特效_火系_技能A_序列帧01)
  EMO_SMS_Cheer_GIF_240.gif           (表情_石明小石_欢呼)
  UI_BTN_Primary_Normal.png           (UI_按钮_主按钮_默认态)
  PET_SRL_Body_Top_S01.png            (灵宠_小石灵_上衣_皮肤01)
```

### B. 导出规范

| 项目 | 规范 |
|------|------|
| PNG 色彩空间 | sRGB |
| PNG 位深 | 24位（带透明通道） |
| GIF 色彩 | 256色，扩散仿色 |
| 元数据 | 清除所有EXIF/版权信息 |
| 压缩 | TinyPNG / pngquant 有损压缩（质量 80%-95%） |

### C. 设计评审检查清单

| 序号 | 检查项 | 通过标准 |
|------|--------|---------|
| 1 | 角色比例 | 3头身 / 2.5头身（灵宠） |
| 2 | 风格一致 | 布艺Q版，非写实 |
| 3 | 色彩范围 | 低饱和国风配色 |
| 4 | 版权脱敏 | 无任何IP角色/场景/纹样复刻 |
| 5 | 禁止元素 | 无佛道符号/传统版权纹样 |
| 6 | 尺寸合规 | 符合各模块尺寸规格 |
| 7 | 文件体积 | 符合体积上限要求 |
| 8 | 文件命名 | 符合命名规范 |
| 9 | 透明底 | 角色/灵宠/图标须为透明底 |
| 10 | 原创性 | 所有设计可追溯至原创设计稿 |

---

> **本文档为「西行云途」项目美术制作的唯一权威规范。所有美术资源产出必须通过本规范所列检查清单审核后方可入库。规范修订须经美术总监签字确认。**