图层整理术—你的源文件足够整洁吗

一、不整理的弊端

1.不利于和他人协同

混乱的图层排序、没有命名和归类的文件，会使得他人理解困难，增加他人工作量，且一份未整理的文件在日后一次次的复制共享中，给他人的额外负担会越来越多，非常不利于协同。

 

2.自身迭代问题

在自己进行迭代设计的过程中，不断复制未整理图层同样会使得文件变得越来越没有秩序感，进而使得重新整理的难度越来越大。

 

3.导入其他软件中产生问题

在导入到其他类型的软件中，图层未整理可能会导致很多额外问题，如PS导入AE，时间轴动画对于图层的顺序和分类要求非常高，在AE中根据动画需要调整和命名图层的操作难度，要远大于在PS中直接调整好；另外如sketch导入principle中，如有因为未整理导致的同名图层，会使得他们之间形成关联并生成预期之外的动画效果。

4.专业性的缺失

将设计文件交付给需求方/客户时，对方打开文件后，如果看到的是下图这样一片混乱的图层时，脑海中基本上只有两个想法：要么觉得钱花的不值，要么觉得这个设计稿的水准实在不敢恭维，极大地缺失了自身应有的专业性，对方认可度的降低可能会使得后续合作变得艰难。

二、图层整理的意义

一份图层整齐有序的设计稿，可以很好的提高个人、团队工作效率，而整理过程中实际也不会花费太多时间，从长远角度看反而会节省更多的时间精力，还能有效的提升自身专业程度，所以，在做设计的最后，能够交付出一份专业的设计文件是十分必要的。

三、整理方法

1.核心原则

简单一句话——让任何使用该文件的人能马上看懂

 

2.整理流程

通常有两种流程：做完再整理，或边做边整理。个人比较习惯后者，因为在做设计的时候，思考的时间通常比操作的时间要多，像命名整理这样顺手就能完成的操作，几乎不会占用时间。而当一个确定的组件整理好后，在当前的设计中就可以直接放心大胆的复用，提升效率。

 

3.整理规则

3.1结构化分组

通常来说会按照组件模块来整理，一般从页面顶部到底部，各个模块对应的分组从上到下的罗列下来（有特殊层级顺序要求可酌情调整），组的内部也应结构化的形成下一级的各个组，多层嵌套，井然有序。多余的隐藏文件果断删掉，有用的隐藏文件可标记颜色并加以说明。

3.2确定命名

命名方面，会存在有/无标准命名两种情况，如公司团队内有标准，按照标准命名即可；如没有，可自己进行命名（注意命名的规范性和合理性即可），个人的小建议是分组内部涉及到需要切图的文件，用英文命名（切图时可直接输出无需再调整），大的分组可用中文命名（考虑到不是所有人的英文都很好，中文命名可以让大多数人最短时间内获取到信息）如有意愿，可将自己的命名规则与团队成员达成共识并沉淀成标准规范，这同样是设计师的价值体现。

四、小结

像图层整理这样最基本的习惯，任何阶段的设计师或多或少都会存在一些问题。基于上述的诸多好处，以及设计师专业性的体现，希望在日后除了理论、技能的提升外，也要在整理习惯方面加以注意。希望大家从点滴做起，让好的习惯支持你在职业生涯走的更远，走的更加扎实！