上篇《干货！可能是最全UI 设计师文件命名规范（一）》我们讨论了 UI设中文件命名的规范和要点，这一部要讨论的是关于切图的命名、图层命名、版本管理的问题。
一、切图的部分
切图是什，多新人可能还是比较懵懂。简讲解，任何 UI 类的计图，要通过代码还成软件界面，没法通过代码写出来的图形，就需要计导出对应的图形文件，给代码做补充。
比如用手机看这篇文章所的浏览器或 APP，方任何图标都通过导出的切图显示。
而一个完整的应用要导出的切图是有很种类型的。从图形身的含义或者是文件的式。首先说图形的类型，包含有背图、插画素材、动画素材、序列帧、图标、LOGO 等等。
所以了解怎么命名前，我们先要知切图基本属性和规则。
1. 切图分类
图形类不少，而切图数量可能比较庞大，所以大家定要先认个观，依靠命名能解决所有检索问题可能性几乎为零。我们是要依靠文件夹层级划分进协助。
如数量最多的图标、序列帧，势必要单独为它们创建一个件夹，混合到一个目录中。如果有它某种类的图形数量较多，那么都应该先为它们创建一个独立的件夹。
例如以前某项目中的切图文件夹划是这的：
而最需要重点讲解的就是图标部，因为这涉及的下类最多也最复杂。比如下面的这个案例：
从右上角中间的类底部的导航，出现了好种不同的图标类型。这是在计一套 APP 经常会发生的情况，即一套图标规格没有法足的视觉景需要。于是，这套项目就出现了多套图标的规格。
再看看下面支付宝服务类型界面，图标数多，如「搜索」、「设置」这类功能图标非常的差别，把它们到一文件夹下面明显不合的。
所以文件的划分，就清晰。如果以尺寸划分的，那么就用尺寸命文件夹，如果类型的，那就按类型划分。比如下面的两种分类：
这些都比较好理解，但，所细节从属，还一优先级高的问题，就我们切图面向的手机系统。如果使用了两平台独立的设，或针对平台导出矢格式文件时，那么顶层就应该划分出 iOS Android 两文件夹，把文件分导出，便于不同的端程师检索。
里我们集中在只使用一套设计，并且只导出 PNG 的状态，不能避免的要面对分辨率倍数的问题，即 @1x、@2x、@3x 的文件名缀。我的结论就是不建议大家为它们创建独立的文件夹。
iOS 开发，是接选取个文件3分辨率，拖进 Xcode 即可，那么分文件夹要多跳转常影响效率，如下图所示。而 Android 开发，虽然程序目录会划分出 hdpi、xhdpi、xxhpi 等文件夹，这个操作不需要设计师来做，程序员会自己复制出三分辨率然后改名再入开发项目文件夹。
根据以上说明，完成切图分类，那么可以为我们后续具体命名提供基础环境了。
2. 切图命名
前所以铺垫这么多现在才提分类，是为设计师导出切图命名有个最要标准——说话。
上最见整的切图命名模式大致是这样的：模_页面_级页面_类_状态，而且会给一堆英语的单词供大使，那么最后的效果一般是这样的：
Community_PostList_ DiscussPage_ShareIcon_Defult@1x.png
相信大已经发现问题了，这种命名实在太长了。止是层级太多，且英的字数难控制。虽然很多时候有一些广泛应的元素如导航、标题、背景之类的都有简写 (Nav、Tit、Bg)，但至会有一半的词汇你会发现它们是没有简写方式的。
而且，英语不是的母语，大多数人英语好点也就4、6水。如果一个抽象、不常见的词语，如 「拼」、「发红包」、「种草」、「拔草」，确定你词典查的英语词组是理的吗，这些西简写就更不懂。
再者，发命之所以使用英语，因码里不能使用中文，如果直接用拼音的也太不敬业了。我们的标注必给自己框这样的限制的，或者强行认只标注英文看起专业。强行英文的结果就导致自己以后看不懂，别人也看不懂。
有的人能还讲，命名就是要根据开的习惯来。里释一件，就是除非切图命名个规范是经团议，由开整理给你的，不不要企图认为自己的英文命名具有普适。
多数开发员有自己命名习惯，你习惯和他不可能完全匹配上，所以正常项目程序员会根据他们自己或开发团队习惯命名，那有另套体系，我们命名是为了让他们能快速找到指定文件而已。
，前面的件夹分类就是帮助我们分割同类的图标，我们的命名可更简洁精准，逻辑更连贯，降低查图标需要的检索成本。这时在每个件夹中，切图的命名就可只3级搞定。即：
- 模块_名称_状态
在境下，使用的名称基就是：
- 设置_钱包_高亮@1x.png
- 动态_评论_默认@1x.png
- 登录按钮_击@2x.png
紧跟流中使用的习惯来定，样的命名才是简单易懂易用。只是纯形式化又复的命名规范，只倒逼程序通放大切图缩略图来查找指定的图形。
二、图层的部分
图命名放到切图面来说，就是因为我们对图的命名首先要根据切图的需要定，成证导出的时不需要对切图文件有额外的命名修改，图命名直接用。
虽然大家都崇在设计文件命名要细致，恨不个图层都写上楚图层命名，我要在这边出不意见。
1. PS图层命名
先讲使用 PS ，命名是常。原和 PS 操作逻辑有常大关系，难以用鼠标接在画布选指定内容。比如下图这比较常见 PS合成场景。
这场景起码有几百个图层组合而成，而这么多图层，有大量影效层覆盖在手表上。如我要用鼠标接在画布选定手表，那基本会选择到手表上高层，不楚是哪层高。所以，选和调 PS 图层内容都要接从图层列表查找。
而这种情况把图层命名清楚，那源件只会是大车祸现场。随着图层堆叠的数量增，到后面你每做一个改都会非艰难。删除无效图层、修改前后系、对某个分的有图层进行调色处……
所以在 PS 中命名多细致都不过，因为这才能的懂，别人才怎修改你的源文件。
2. Sketch / Adobe XD 图层
但是，在现在的 UI设计工具中，环境就发生了变。需要我们进行细致命名的绝对条件已经存在了。
UI 的计没有那多不可见并堆叠的图层，按住 Ctrl 或 Command键，你乎可以选中任何的见的图层，这候对图层列表的依赖也就远远没有 PS 那深。
而且，一个 UI 项目的页面和零碎的素实在是多了，如果真以细致每个图层都不会出现默认新建图层字的地步，需要耗费极其庞大的力去维护，而这个维护的结果可以增加的队效率并不显著。
因无论自己还别人，修改文件的时候直接用鼠标去选中对应图层就可以了，命不命对操作都太多直接的影响。当然，我们还一好的习惯，就不依赖隐藏的图层，尽使用一新的画布表不同的状态。
基样的质，在 Sketch 或 XD 的文件中，只建议大家做出适当的命名操，而不用太纠结形式的细节，要把每个图想命名的无用强迫症，应用在对整个项目文件的管理和思考上。
第，我们要能在画板根目录上，编组所有层级最高模块/组件，命名这部分内容。下级相要模块文件夹，也可以适增加命名。
第，尽可能将类似图标、LOGO这些必然要导出图形，制作成 Symbol，并做好晰命名。
第三，Sketch 如将个完组件做成了 Symbol，那么要其文图层命名做出晰排序和命名，这样才能正常更改其内容。
然，图层和命名和前关于切图命名有样要求，是——说话。图层名可以显示符比文件夹列表模可以显示少多，很多喜欢用英文命名文件，经常图层名长到显示了半「…」，这样命名更没有意义。
三、版本的管理
最后，是关于版本管理问题了，网上有层出不穷关于怎么管理版本法，这里奉劝各位，希望借助力和工具版本管理，都是不切实。
无论是 SVN、GIT 的技术类管方案，还是使坚果、Folio之类的第方工具，会将本来是太复杂的问题复杂。这是因为成我们件版本变更迭代的事件太多了，使这些方法仅要大量精维护，而且中会有很多可控的因素产生，成混乱。
在过去的项目经验，只推一种关于版本管理的方式，那就还是文件夹和命名，简的才是管理复杂最有效的方法。
即每次遇到设文件、文档需新替换，或改动（不只加新的内去），那么就同级目录中，创建一版本回收文件夹，复制一份当的文件去，再始修改。
每复制回收站的文件，命都下修改，方便后面可能的查找。通常命的格式——日_版本简单明_，效果如下：
这样不仅自己操作起方便，且其他人也可以很易的访问查找的指历史版本。得益于目 UI 文件体积的精简，一 Sketch 文件通常几十 MB 就能搞，所以记录很多版本也无所谓。当然，如果项目出比较型的 PSD 或者视频文件，那么对于版本的理就尽可能的精简不多多益善，否则会共享传输造极的压力。
而除具到某个文件的版管理以外，还要考虑一个更高级的管理，即项目版。相信很人有样的经历，在开始面的版时创建新的文件夹和设计文件，是在几个版要反复在几个项目之间切换查找页面。
所以，我是设计第个版本是 v1.0，那么在开始 v2.0 版本时，接复制份原版本文件夹出来。这样，不仅保留完 v1.0 所有项目文件，文件夹层级可以保留下来。
复制成后，只要再将除了界面设计源件外的它档、切图等件全删除即可。保留设计件，目的就是要保持最版本设计件的集中和唯一性。有和项目相的设计件都集中在一个目录，才有利于我们的更和协作。
要说一个题外话，在过去的项目中，非常在计文件唯一性的标准。当一个产品队有个计，程序员直查源文件的标注，如果源文件不备唯一性，项目调整中每个人脑上都存了个版本，且各添加了新的内容进去，不能直覆盖并，最后只能演变成一开发灾难。
结尾
以上就是对于项目文件管理和命名完整的经验和思考，经过了好年的验和改进，相它可以应付绝大多数的情况协同需要。
还牢记，这些看似麻烦的过程，不只了给我们自己使用，还方便所项目的员，这种能力一样一 UI设师应该保的专业素养之一。
最极度推荐大家使用同步云盘进行工协同，首要推荐的是使用自建的云盘群辉 Nas，是国内现在势头正盛的坚果云。果是比国际化的团，么无论是 Dropbox 或者 GoogleDrive 以，传统的 QQ传输或是移动硬盘拷贝，已经不适应今天的生产力需求。
如靠上文描述，体管理和命名是法起到晰记忆作用话，我另准备了张完思维导图。
清大图请前往百载，链接：https://pan.baidu.com/s/1GsDeB9aM6vXc0J4l3ZgukQ，密码：xtnc
注作者的微信公众号：「超人的电话亭」
图片素材作者：Evgeniy Dolgov
浙公网安备33011002017549号