PS设计师应该知道的文档规范和管理意识

ps教程 2023-06-15

这是一个重要却容易被忽视的领域，很多人都没有文档规范和管理意识;作为一个设计师，建立文档规范和管理意识，除了能提高自己的工作效率，同时也对团队协作有很大的助力。

本文只做抛砖引玉只用，希望各位看官提出建议和意见，共同完善。既然只是V1，就不用在意界面了哇。

一.文件管理

1.尽量少的PSD文件：

例如在Web当中，若要展示同一个页面的不同展开内容，应该在同一个PSD文件中做好不同内容，然后再根据需要显示/隐藏图层组(图层复合)，而不是另存为一个PSD当中：

PS设计师应该知道的文档规范和管理意识

2.合理命名文件：

合理有序并且带有语义的文件命名可以方便、直观的管理你的源文件，并且在与其他人合作的时候不会让他想把你砍死。

PS设计师应该知道的文档规范和管理意识

上面右图来自真实案例，这堆PSD如果不打开或者使用bridge之类的软件的话天知道里面是啥，识别性非常低;

推荐使用的命名方法是“页面层级+页面内容+子层层级+页面内容”，中间使用下横线相隔，而不推荐使用驼峰(识别性不高)或者空格(输出图片会自动加上中横线-)，如“8_购物_4商品信息”。当然，根据个人习惯可以做相应调整，只要达到易识别管理的目的即可。

3.设计文件的迭代：

做设计的都知道，反复的修改有时候是不可避免的，当你花了很多时间改了N次之后对方又说要回上一版甚至第一版，如果没有保留之前的文件…请吐血重做吧。

PS设计师应该知道的文档规范和管理意识

推荐：以较大改动为限，使用一个文件夹来保存被飞掉的设计稿，然后再根据实际日期存放当期做出修改的文件。例如，上面左图，140510表示14年5月10日交给客户的第一稿，打开文件夹之后看到输出效果图+源文件。

此方法亦可用来保存已经完成的项目文件;之所以使用效果图+源文件的形式来保存文件，一是确保方便查看图片文件而不需要PS或者bridge来查看PSD文件，二是减小体积——删除无用图层，隐藏剩余图层(可以用动作批量实现哟~)，然后压缩文件，可以减小50%甚至90%+的体积。

4.将UI元素制成模板：

不管是网站还是手机，UI当中有很多内容是既定并且可复用的，建立一个统一的模板对开发人员来说很有益，也会减少很多于开发人员的沟通问题。

PS设计师应该知道的文档规范和管理意识

这点正在试验中。

5.将文件同时保存在云端：

UI更新，特别是在程序已经在开发中时所作的改动都应该尽早的给到程序员，所以良好的组间协作就要求了设计图必须及时传达给相关人员;这点需要与其他组的成员合作，达成规范，像代码迭代一样的在云端更新UI并且附上更改说明是个不错的办法。

二.图层管理

1.合理的图层命名：

不要嫌麻烦;在图层数量较少的时候可以使用直接选择工具来选择图层，但是一旦文件变大，图层层次变多，要找到一个特定图层可能就会变得困难了;对每一个图层进行精确命名可以有效防止混乱，迅速对目标图层进行定位;像“图层1 副本”、“矩形 1”这种图层名字要严格禁止。

PS设计师应该知道的文档规范和管理意识

如果andriod和ios已经进行分开设计，则直接使用两平台的命名规范;如果使用同一份设计稿，则推荐ios端;即便不使用平台规范命名，至少也要具有语义。

tips：点击图“图层”面板右边的扩展——面板选项，可以把拷贝图层时的后缀去掉，并且图层效果不扩展。

PS设计师应该知道的文档规范和管理意识

2.合理使用图层分组：

图层分组可以帮你理清文件结构，配合合理的图层命名能让你的选择右键菜单和搜索名字更好用;同时，给元素复用提供了极大便利。

PS设计师应该知道的文档规范和管理意识

3.图层(组)顺序：

图层(组)顺序应该遵循“从上到下，从新到旧，位置相近，图层相邻”的原则;严格的遵守前三点会使你的文件拥有严谨的结构，体现出个人良好的职业素养。

PS设计师应该知道的文档规范和管理意识