新手转向资深的必经之路——交互文件定名的最具体类型（下）

接着上一篇文章《新手转向资深的必经之路——交互文件定名的最具体类型（上）》继承清算文件定名的类型继承，本日来讲讲Sketch的Artboard（画板）定名和Layer（图层）定名、Symbol（组件）的定名、导出图片的处理赏罚方法。

作为新手我们很轻易呈现这样的Artboard的排布，如下图：

然后，我们再来看看一个成熟的计划师它的Artboard的排布与定名，如下图：

我们可以发明，它的定名是由“代号-模块-成果”这样的布局而构成。先来表明一下，为什么会有代号这个存在，好比图中的“MR-1”与“MR-4”。

由于真正定稿后的sketch是必要与开拓工程师举办开谈判榷过稿的，一样平常这样的集会会议，会将sketch文件投影到一个屏幕上。而开拓童鞋们，有什么题目必要指出的就直接说，“MR-1-1与MR-1-2有疑问”，而不消艰辛去说，“某某模块从左数第一页和第二页有疑问”。假如是长途集会会议，这样的代号更利便团队之间举办交换。以是一样平常城市为每个Artboard编一个码，而且一个代号表达一个模块，例如说上图中“MR-2”表达的就是“ManualHL”的模块。

其它Artboard定名完成之后，必要将全部的Artboard凭证序列号排好，沟通模块内容的必要放在一路。如下图

尚有一点必要留意的是，在sketch文件内里，为了将页面跳转流程暗示得越发清楚，计划师会在最顶层加一个特另外Artboard，首要用来画流程线，和一些信息备注。如下图Flow&Note的Artboard。

Layer的定名，着实是涉及到单个Artboard的图层的清算方法。清算思绪是，凭证页面的内容先分几个大块，构成大的文件夹，然后再在每个文件夹下面将图层次序分列好，凭证图层内容举办定名。大文件夹和layer的定名只管以文件夹内容和layer内容为依据，如下图Search的清算方法。

个中还涉及到icon的定名方法，icon最完备的定名方法为“模块 种别成果_状态”，例如说上图中的放大镜一样的search icon，它就可以用search_icon_input_gray，来表述，虽然假如整个方案中只有一个这样的icon的话，认为累赘也可以直接定名为icon_search。依环境而定，可以机动变通。常用的模块、种别、状态如下图。

symbol（组件）的呈现大大进步了计划师行使sketch的服从，早年改一个颜色必要全局修改的使命此刻一键所有搞定。没有行使过sketch的童鞋可以先去实行一下。

而symbol的定名假如类型好了，也会给本身带来很大的便利。一是在插入symbol的时辰找起来出格利便，二是在导出图片的时辰会自动分类成文件夹归纳好。如下图。

symbol在定名的时辰会用“/”离隔去举办分类，例如说“icons/general/bringsensorclose”，意思就是在“icon”文件夹下建了一个子文件夹“general”，在“general”下有个icon名字叫bringsensorclose。导出后图片会凭证这样的法则举办分列。而且在清算symbol的页面时，也必要遵循Artboard的文件的清算方法，即将统一个类此外symbol放在一路。

一样平常咱们再作图的时辰回收2倍的屏幕，多用750x1334px尺寸去举办方案的绘制，由于这个屏幕在市场上的占据率是相对来说较量大的。而在导出icon图片资源的时辰呢，风俗上必要将@2x、@3x的图片都导出，在sketch的右下角会有这样的图片导出配置，如下图。

虽然有的开拓只要一倍的图，以是必要提前跟开拓磋商后再举办导图。虽然假如图片过多，也许占用内存较量大，可以下载ImageOptim举办压缩。

到这里，文件定名的类型终于清算具体了。大到版本号文件夹的清算，小到icon定名的类型，总结一下纪律，原则就是以内容为起点，在脑海中划出层级相关，举办归纳分类，利便本身也利便团队其他人能顺遂找到本身的资源，让相助服从更高。

Sophia的tips：真正的好手，细节都做的很好！

《文件定名最具体的类型——新手转向资深的必经之路（上）》

Sophiallg，微信公家号：Sophia的玲珑阁，大家都是产物司理关于作者。一枚爱折腾，爱健身的交互计划妹纸。

本文原创宣布于大家都是产物司理，未经容许，榨取转载。

（编辑：厦门网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!