对设计师来说,图层的可读性关系到设计项目的协作流畅度。大家估计都有过被混乱图层坑过的经历吧。甚至在面试的时候,有的面试官要看你的设计源文件,十有八九是在看你的图层整理和分组程度,因为谁也不想和一个不整理且随便命名图层的设计师一起工作吧。
关于这个面试点,我在《面试了50多位UI设计师,我总结了这些求职技巧》这篇文章中有提及过。所以各位设计师面试的时候如果带源文件,建议把文件内的图层、分组整理好,给面试官留个好印象。
那么已经做好的文件中存在大量待整理的图层和分组,一个个命名显然不实际,作为UI设计师,你要懂得利用工具来提高自己的设计效率。
所以给大家推荐一个Sketch插件:Rename It,可以快速批量对图层、组、画板、symbol进行重命名、名字替换、按命名格式修改等操作。只要遵循“先选中,后操作”的规则,瞬间就可以批量命名上百个图层,大大提高设计效率。
批量重命名
批量重命名是一个最基本的操作。选中需要命名的目标图层,选择Plugins-Rename It-Rename Selected Layers,或者按下对应的快捷键调出操作面板,在Name这一行写下新的名称,之后确定就可以了。

替换名称
选中需要替换名字的目标图层,选择Find and Replace Layers/Artboards Names,或者按下对应的快捷键调出操作面板。和文档中的查找替换一样,Find是找到目标文字,Replace是替换的文字。最下面一行是预览,可以实时看到替换后的内容。
case sensitive 意思是区分大小写
每个输入行的右侧是历史记录
Search Scope 意思是搜索范围,分为按照目前页面和选中图层,设计师可以灵活选择

画板重命名
画板重命名只针对于画板。选中需要命名的画板,选择Rename Selected Artboards ,或者按下对应的快捷键调出操作面板进行操作即可。
画板名字也是可以查找替换的,只需要选中目标画板,再进行Find and Replace Layers/Artboards 操作。

关键字规则
除了常规的命名和替换之外,Rename It还支持一些规则。
比如我们选中了多个图层,需要在图层后面添加数字顺序,就可以在面板中选择Num. Sequence DESC ,那么每个图层就会按照顺序添加123456等序号。

还有其他比较有趣的功能,比如支持读取图层的宽度和高度,规则和文本可以任意搭配,操作如下。

此外还支持倒序、字母顺序、设计开始值等操作,下面是规则面板中的对应关系。名字虽然叫Layer,但是可以支持画板命名的。
Layer Name 名字
Layer Width 宽度
Layer Height 高度
Num. Sequence ASC 倒序
Num. Sequence DESC正序
Alphabet Sequence 字母顺序,只能按照ABCD排列
Page Name 页面的名称
Parent Name 父级名字
其他的很好理解,这个Parent Name比较有意思,它是按照Sketch的图层-组-画板-页面这个顺序来的。比如图层在一个组里,那么就会获取这个组的名字;如果画板里面没有组,画板就是父级,获取到画板的名字。
比如所在图层是Group 3,那么就会获取到Group 4的名字,以此类推。

经过以上操作,我们在设计的过程中会大大提高设计效率,关键是整个文件图层干净、清晰了很多,再多的图层也仅仅几秒钟搞定命名。
最后附上下载地址
链接: https://pan.baidu.com/s/1aklf5S5aRdlzRw3WSkAnXQ
提取码: 35cg
网友评论