Unity开发笔记-PSD自动导出UGUI和传统工作流对比

传统工作流程

1. 美术：UI制作完成，将UI元素切图，顺便给一张完整的UI作为layout给客户端程序参考
2. 客户端：
   拿到切图，放入对应UI的文件夹，打图集
   将layout作为参考，根据UI元素摆位置，分组
   对于文本：
   1. 摆位置和确定字号，没有psd的情况下，需要自己用取色工具取色，或者让美术在layout中标出
   2. 本地化（找到本地化文字对应的脚本，填入本地化文字的ID，需要问策划要）
   3. 确定文字颜色
   4. outline，shadow 添加和确定颜色（一般为了美观，都会有）
   对于图片：
   1.摆位置和确定宽高
   2.在图集中选择相应的sprite
   3.如果需要9宫，对相应sprite进行编辑
   对于按钮：
   1.同图片
   2.挂Button脚本
   3.对recttransform做自适应调整
   4.prefab制作完毕，下面是界面逻辑开发

PSD流程

1. 美术：
   1. UI制作完成
   2. 对导出元素图片名称做标记
   3. 对按钮等特殊元素做标记
   4. 对9宫做标记
   5. 交付PSD文件
2. 策划：对Text节点填入本地化ID标记，交付PSD文件
3. 程序：
   1. 对文件内部的元素按需重命名（主要是美术一般喜欢用拼音比较多），按需分组（美术同事可能不会严格按照功能区块分组）
   2. 标记节点的自适应标记
   3. 使用psd导出工具，导出atlas图集，生成prefab
   4. prefab制作完毕，下面是界面逻辑开发

对比一下可以看到，基于PSD自动导出的工作流

优点

1. 可以节省程序员大部分拼UI的工作，这往往也是非常耗费时间的（也是不需要技术的工作，意味着肯定可以用工具代替）。将这部分时间节省下来，可以让程序投入更多精力在UI的具体业务实现上。
2. 美术不需要切图了

缺点

1. 对于元素的分组，可能任然需要程序员在psd中操作
2. 由于psd的内容结构决定了导出后prefab的结构，所以尽量需要避免大规模修改导出后的prefab节点的相对位置关系，对于后期同一个psd增量或者界面修改，甚至是后期为了玩法需要换皮，也需要考虑如何处理
3. 美术同事需要对图片的导出名字进行命名
4. 自适应的锚点描述需要在psd的节点中中定义标签，不直观