Photoshop 美术制作规范

欢迎阅读 VectoUI Photoshop 制图规范！为了让您的设计稿能一键变成完美的 Unity UI，请在作图时遵守以下几个简单的规则。核心理念是：您在 PS 里的图层长什么样，Unity 里的节点就长什么样。

1. 基础规范

• 统一分辨率： 整个项目请约定一个固定的画布大小（如 1920x1080），不要随意更改。
• 英文命名： 所有图层、组、切图的命名，只能使用英文、数字和下划线（如 btn_confirm_01）。千万不要用中文或特殊符号，引擎会无法识别。
• 清理废稿： 定稿后，请务必删除所有隐藏的废弃图层，保持图层面板干净，否则它们也会被引擎偷偷生成出来。

2. 结构与组（父子关系）

• 按组归类： 请养成打组（Group）的好习惯。PS 里的一个“组”，在 Unity 里就会变成一个“父节点”。比如把一个弹窗的背景、按钮、文字全放进一个叫 Popup_Bag 的组里。

3. 合并复杂元素（智能对象）

• 特效合并： 如果一个按钮或徽章是由好几个图层叠加、剪贴蒙版拼出来的，请将它们选中并转换为“智能对象”。
• 不支持的混合模式： Unity 默认不支持 PS 里的“叠加”、“颜色减淡”等复杂混合模式。用了这些效果的图层，请务必和底图一起转为智能对象，当成一张完整的图切出来。

4. 切图与透明边界（划重点 ⚠️）

• 防裁切处理： PS 和蓝湖在默认切图时，会把图片边缘的“透明像素”自动裁掉，导致进入 Unity 后图片尺寸缩水、位置偏移。
• 正确做法： 如果图片带有发光、阴影，或者需要保留特定的透明边框，请在蓝湖标记切图时，使用框选工具手动圈定切图的固定大小，确保切图尺寸与设计尺寸绝对一致。

5. 字体与文本

• 字体名称一致： PS 里使用的字体名称，请尽量与 Unity 工程中导入的字体名称保持绝对一致。VectoUI 会自动识别并转换成 Unity 的 Text 或 TextMeshPro 组件。
• 固定文本框： 如果是多行文字，请在 PS 里画好固定大小的文本框，不要让文字溢出。

6. 九宫格切图

• 手动替换： 目前引擎针对可拉伸的底板（九宫格），还需要在 Unity 中手动设置拉伸区域。请在切图时尽量保持纯色直边足够清晰，方便后期调整。