关于Sketch我知道的那些事

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
9865 15 372 2018-03-09

相信到今天,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

  • Kancri

    2018-03-23 14:58

    @lysoul: 哎,同感啊

  • dongfengbo

    2018-03-16 10:23

    说那么多没用 用苹果的还是没有用window的多。想学也学不了啊

  • HeNgrY

    2018-03-15 10:16

    @宋脸小: 嗯,人都是在不适应中成长的,共勉~

  • 宋脸小

    2018-03-15 08:30

    @HeNgrY: 是,基本的还是认识的。只是觉得一下子全部更换为英文的环境,所有的插件软件都是英文,有点不太适应哈哈

  • HeNgrY

    2018-03-14 15:58

    @宋脸小: 英文不应该是门槛,作为一门国际性语言,即使不精通,但一些基础的应该学习下才对,而且工具的学习,语言版本的东西,习惯就好

  • 宋脸小

    2018-03-14 15:17

    @lysoul: 我没用过sketch,这么多插件得学习到什么时候啊,还都是英文,感觉环境语言不友好啊。等MacbookPro更新,就买一台啦

  • lysoul

    2018-03-13 18:13

    在上一家公司几乎所有UI工作都是基于Sketch展开,简洁又高效,结果换了一家公司被迫用回PS,感觉生无所恋~

  • GT_DS

    2018-03-13 15:34

    谢谢分享~ 投票去

  • HeNgrY

    2018-03-13 13:52

    @HUA丶ZI: 何出此言?

  • HUA丶ZI

    2018-03-13 13:25

    sketch退出新版本后,Zeplin、蓝湖存在意义不大

  • HeNgrY

    2018-03-13 11:48

    @FinalRound: 哈哈,我说故意的你信不~

  • FinalRound

    2018-03-13 09:57

    强烈建议大家都在同一个文件搭建基础酷~~这一句有个错别字~

  • HeNgrY

    2018-03-13 09:34

    @Zion_lee: 是啊,好伤心~

  • Zion_lee

    2018-03-13 09:27

    看来没几个看完给老哥投票的啊,我投一个

  • HeNgrY

    2018-03-12 16:09

    @蓝湖产品设计协作: 蓝湖也不错的,但是目前对于Sketch Resizing这个功能的支持并不是很好 ;P

  • 蓝湖产品设计协作

    2018-03-12 15:49

    棒棒的分享~

  • 世界是棵树

    2018-03-12 14:35

    @HeNgrY: 恩, 我去搜一下看看。

  • HeNgrY

    2018-03-12 14:31

    @世界是棵树: 这用的也是Git,MAC系统下的一款比较好使的软件Sourcetree,Win的就不清楚了

  • 世界是棵树

    2018-03-12 14:27

    @HeNgrY: 他们程序用的全是代码提交下载什么的,我看你这个是界面操作的,不知道用的哪一块的功能。

  • HeNgrY

    2018-03-12 14:16

    @世界是棵树: 额,设计师不用纠结代码托管这些,然后,里面我有提到的要看公司实际情况,就是要结合开发部门那边到底用什么工具,然后找开发协助弄一个给设计这边来用,而不是设计内部自己来,毕竟公司的文件共享管理都是开发的领域

  • 世界是棵树

    2018-03-12 14:10

    你用的Git 是用的项目管理部分的功能,还是代码托管的功能呢?

  • HeNgrY

    2018-03-12 14:08

    @DesignerAZ: 哎哟~ 哈哈~

  • DesignerAZ

    2018-03-12 13:58

    棒棒的谢谢分享~

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票