恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
关于Sketch我知道的那些事
0.0°
2018-03-12 原创文章 经验/观点 举报 9845 324 372 15

相信到今天,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: 票数高绝对出续集~












更新:2018-03-12

收藏

324人已收藏

HeNgrY

博学之,审问之,慎思之,明辨之,笃行之

  • 47

    作品

  • 1811

    粉丝

  • 130

    关注

  • Sketch58-智能布局功能的一些总结
  • 关于老板说“出几个方案看看”的思考
  • 聊聊小团队设计管理的那点事
  • 设计小团队Leader如何启动项目

    猜你喜欢

      2018-03-12 原创文章 经验/观点 举报 9845 324 372 15

      关于Sketch我知道的那些事

      0.0°

      你确定要举报关于Sketch我知道的那些事

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年03月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      372
      324
      15

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录