我用这个Sketch插件瞬间命名好了100个图层-UI黑客

对设计师来说,图层的可读性关系到设计项目的协作流畅度。大家估计都有过被混乱图层坑过的经历吧。甚至在面试的时候,有的面试官要看你的设计源文件,十有八九是在看你的图层整理和分组程度,因为谁也不想和一个不整理且随便命名图层的设计师一起工作吧。

关于这个面试点,我在《面试了50多位UI设计师,我总结了这些求职技巧》这篇文章中有提及过。所以各位设计师面试的时候如果带源文件,建议把文件内的图层、分组整理好,给面试官留个好印象。

那么已经做好的文件中存在大量待整理的图层和分组,一个个命名显然不实际,作为UI设计师,你要懂得利用工具来提高自己的设计效率。

所以给大家推荐一个Sketch插件:Rename It,可以快速批量对图层、组、画板、symbol进行重命名、名字替换、按命名格式修改等操作。只要遵循“先选中,后操作”的规则,瞬间就可以批量命名上百个图层,大大提高设计效率。

批量重命名

批量重命名是一个最基本的操作。选中需要命名的目标图层,选择Plugins-Rename It-Rename Selected Layers,或者按下对应的快捷键调出操作面板,在Name这一行写下新的名称,之后确定就可以了。

我用这个Sketch插件瞬间命名好了100个图层-UI黑客

替换名称

选中需要替换名字的目标图层,选择Find and Replace Layers/Artboards Names,或者按下对应的快捷键调出操作面板。和文档中的查找替换一样,Find是找到目标文字,Replace是替换的文字。最下面一行是预览,可以实时看到替换后的内容。

case sensitive 意思是区分大小写

每个输入行的右侧是历史记录

Search Scope 意思是搜索范围,分为按照目前页面和选中图层,设计师可以灵活选择

我用这个Sketch插件瞬间命名好了100个图层-UI黑客

画板重命名

画板重命名只针对于画板。选中需要命名的画板,选择Rename Selected Artboards ,或者按下对应的快捷键调出操作面板进行操作即可。

画板名字也是可以查找替换的,只需要选中目标画板,再进行Find and Replace Layers/Artboards 操作。

我用这个Sketch插件瞬间命名好了100个图层-UI黑客

关键字规则

除了常规的命名和替换之外,Rename It还支持一些规则。

比如我们选中了多个图层,需要在图层后面添加数字顺序,就可以在面板中选择Num. Sequence DESC ,那么每个图层就会按照顺序添加123456等序号。

我用这个Sketch插件瞬间命名好了100个图层-UI黑客

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

我用这个Sketch插件瞬间命名好了100个图层-UI黑客

此外还支持倒序、字母顺序、设计开始值等操作,下面是规则面板中的对应关系。名字虽然叫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的名字,以此类推。

我用这个Sketch插件瞬间命名好了100个图层-UI黑客

经过以上操作,我们在设计的过程中会大大提高设计效率,关键是整个文件图层干净、清晰了很多,再多的图层也仅仅几秒钟搞定命名。

最后附上下载地址

链接: https://pan.baidu.com/s/1aklf5S5aRdlzRw3WSkAnXQ

提取码: 35cg