自2016年初使用sketch做设计到现在有两年8个多月了,期间对于各种界面的输出规范变化不大。但是从开始使用的插件到现在变化倒是很大。
与开发伙伴配合历程:手动导出标注切图(markman)——插件Measure导出——尝试Zeplin(放弃)——蓝湖导出(正在使用)
说了这么多,梳理一下目前还在使用的插件吧
蓝湖
作为替代了Measure的在线版第三方工具,还是非常方便的。sketch制作设计图、原型,通过插件上传至蓝湖。便可以在蓝湖设置各个界面之间的跳转关系,双击效果图还能够查看各个元素的宽高等参数。
除此之外,蓝湖还支持简单的交互跳转、团队管理、项目管理。
优点:团队不用自己搭建svn、gitlab等平台就可以同步看到效果图、原型图,同时切图也是可以下载iOS、Android、Web对应的尺寸,非常方便。缺点:对于网络的依赖是100%,我也与朋友探讨过安全性。官方的回复是,免费版的话就都混在一起放置在某服务器里,付费版则可以单独存放于独立的服务器里。
Measure
要说sketch解放了设计师的切图的时间,那么于我而言,最大的功臣就是Measure了。初探此插件,直接在sketch源文件中,针对每一个界面标注。然后手动把icon命名,按照规范导出。对于手动标注来说,仍然是太费时了。随着对插件的熟练使用,发现Measure有一键导出功能。可以直接将一系列界面集合并生成html文件。开发伙伴在查阅效果图的同时,也能查看标注,下载切图。标注支持iOS、Android、Web尺寸查看,由于流程关系,我仍然使用手动切图导出的方式(当时使用gitlab同步切图、标注效果图)。
地址:https://github.com/utom/sketch-measure
Rename it
对于常常需要对图层命名的设计师来说,是很高效的工具。Mac系统本身提供了批量重命名的功能,这款插件则是sketch的批量重命名帮手。画板、文本、文件夹、图形都可以批量命名,同时可以添加序列。
地址:https://github.com/rodi01/RenameIt
雨雀kitchen
阿里团队出品的sketch插件,号称“强大的sketch插件”。支持批量为图形添加图片、批量人名、示例文本等功能,最好的地方是中文输出。之前使用Craft,有类似的功能,只是都是英文。然后使用JJYing开发的sketch“中文人名”的插件。
使用插件当时是希望效率的提升,机器能完成的事情人就不要参与了。于是,尝试使用同步symbol的使用,可能总是科学上网导致的网络不畅。同步symbol很是痛苦,于是放弃……
既然是阿里,怎么可以少了阿里妈妈的icon,雨雀集合了此功能!
地址:https://www.yuque.com/yuque/help/koe3wi
Craft
几乎用sketch的都会安装的经典中的经典的插件,支持批量为图形添加图片、批量人名、示例文本等功能。除了单机的功能,还有在线协作之类的,由于受到限制,对于国内来说,很鸡肋……
优点:sketch必装插件
缺点:英文,有些功能受到限制
地址:https://www.invisionapp.com/craft
Reduce
sketch体积压缩工具。不要看几十兆的sketch产出的文件小小的,他是慢热型的,随着内容的增加,sketch文件会越来越大。我试过4-500M的一个sketch文件……增加体积的一个是高清的图片,一个是较大的元素。我喜欢一个page放几十个artboard,移动端界面都是使用@1x的size进行制作。
地址:https://flawlessapp.io/reduce
Sketch Cache Cleaner
当然常常被使用的sketch会产生很多的缓存,这个插件可以帮助你清除掉它们。曾经我清理过5G左右的缓存~