关于Sketch我知道的那些事

HeNgrY

2018-03-09

原创文章

13087

15

367

经验分类:经验/观点/原创文章

相信到今天,Sketch 就如PS一样,都被大家所熟知了,但可能还是有很多人受限于公司的环境,大部分UI工作还是用着PS来完成。


这次本人要分享:一个设计团队如何围绕Sketch 而优化工作流程,进而提升效率。


PS: 本文不涉及详细的工具教程说明


关于插件

Sketch 能发展到今天,不仅由于其便利性,其实更多应该归功于其强大的插件库,为设计工作带来太多的惊喜,感谢背后的插件开发作者们!


一般都到2个地方发掘新插件,1.官方(传送门);2. Sketch.im (传送门


在此和大家分享一些自己觉得可以被称为“神器”的一些插件,值得收藏~


1- Color Picker Plus

一键拥有边框颜色拾取功能。可惜这个插件的作者已经不更新,新版本已经用不了,希望各位看官如果有替代品麻烦告知一下,万分感激!

Image title


2- Symbol Organizer

曾经,Symbol的页面绝对不敢Com+1,因为实在太杂乱,而整理又太花时间,实际的意义又不大,一再觉得是心中的刺!当发现这个插件的时候,真心是感动得要哭啊,有木有!

Image title


3- Rename It

快速批量重命名你的图层!相信大部分“完美主义”的设计师们都不陌生,也是满满的的爱啊~简直想抱着作者转圈圈,有木有!

Image title

工具很强大,建议到官网观摩 http://rodi01.github.io/RenameIt/


4- Auto Layout

绝对的神器!虽然由于Sketch 改版后Resizing 的优化,部分功能重复,但两者之间的配合更是完美,让多平台设计的痛从此消失,提升了N+的工作效率,释放了N+的时间,有木有!

Image title


5- Craft

神器!不解释!不知道的可以面壁思过~

Image title

必备的神器,集成了很多便利功能,而且越来越强大,详细功能看官网介绍:
https://labs.invisionapp.com/craft
利用Manager 可以不断持续更新。


6- Zeplin

又是一个改变设计流程的神器!由于服务器在国外,可能一些团队不是很适用,所以同类型的还有蓝湖、Measure之类的类似插件,也是非常实用的。

Image title


7- Truncate Text Lines

快速对文本框中的文字进行截断省略,特别是配合Craft ,在设计真实数据的场景非常实用!


Image title


8- Sketch Material

为Material Design 的各种设计规范控件都集成插件,是一个非常便利的工具,具备非常棒的设计参考价值。

Image title



以上,插件的介绍是个永恒的话题,例如“Keys for sketch”、“Remove unused symbols”、“Symbol Instance Locator”等等。不同的工作环境,不同的设计师,都会因自身的特点选择适合的插件,目的只有1个:效率!



关于团队配合

目前本人的设计团队,都是采取Sketch 作为主要的设计工具,除了对设计师工作本身能有很多的帮助,在团队协作层面同样有着很大的助力,其中核心的体现就是两大功能:1. Symbol;2.Libraries;

Image title


Symbol 作为设计文件的组件系统,其强大之处在这里就不多阐述了,产品经理的十八变从此不再是威胁,需求变更不再是体力活,Thanks god~ 而在设计团队配合中,Symbol 的角色就是设计规范搭建的基础了。


设计规范的搭建,如下图:

Image title

强烈建议大家都在同一个文件搭建基础酷,不然后期的维护和更新绝对是个坑!


然后,再通过设置Libraries 以达到设计规范的落地,保证大家用的都是同一个设计规范,但是版本的维护方法也是迫在眉睫,不然总是传文件非常的麻烦。所以,在此建议大家根据公司的实际情况,采取文件同步的方式,例如Git、SVN、Box等等,我这边用的是Git ,非常方便,而且每次的修正都有记录。

Image title


得益于Sketch 设计文件很小,基于文件同步的模式,每一个项目的设计文件都能用同样的方式维护起来,这样就能保证大家本地的设计文件也都是最新的,同时也能了解版本的变化。

Image title


当这套设计文件维护模式搭建好之后,基本就保证了设计文件都是与线上的版本实际同步更新的,细到一个按钮基础元素,大到一些如Header、Footer 之类的小组件,从此走向幸福的工作生活。



当然,以上都只是一些大方向上Sketch 的应用,中间还是有不少细节的操作注意点,本次文章就不一一阐述了,有机会继续,然后呢,最重要的是~


大家来给我投票啊~

大家来给我投票啊~

大家来给我投票啊~


UI中国年度设计师评审~谢谢大家来捧个场,以后努力写文章和大家分享 ↖(^ω^)↗


第三页,倒数第二行就找到我啦~
http://pingxuan.ui.cn/?action=vote&p=3


Image title


PS: 票数高绝对出续集~












全部评论:15

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消