设计

你这个页面怎么没标注，快重新标下尺寸

设计

你这个页面缺素材，给我切一个

设计

怎么少了页面，快补一下

设计

设计

设计

！！！

设计正在和产品撕逼，哪有时间管你们

sketch表示看不下去了

扔了个文档给开发

缺标注

你自己量啊

缺素材

你自己切啊

为什么我的sketch有这么牛逼的功能，而你的没有

因为我用了sketch的插件啊，骚年

从此不用标注

不用切图

页面自动导出到一个浏览页面

再也不会找不到页面

换句话来说不但节约了设计出稿的时间

大大减少了开发与设计之间因为标注不明，尺寸不对等小问题

而浪费的时间呐

该说正经事了

刚才用的到底是什么插件

sketch的标注且能切图的插件，目前使用的有Zeplin和Marketch

zeplin有单独安装包，我放在附件里了

marketch用sketch toolbox装就行了，也放附件了

用marketch的话

先选择需要导出画板

然后在plugins中找到marketch

导出后在文件夹里打开index文件

最后一步最重要

挺直腰杆，把文件夹

记住是文件夹扔给开发

无论你是windows还是ox系统

只要你有浏览器，有鼠标

都能看标注，并且能让开发自己切图

zeplin我为什么没有首推

除了使用收费之外

zepllin数据必须上传到网络上，

而且别人要看必须是注册用户

这点有些麻烦，我们公司不允许内部资料外传

加上收费不菲，所以一直没用

但贵总有贵的道理

zeplin不但sketch可以用

ps也可以用

而且windows系统下也兼容哦

 虽然sketch插件网上推荐了一大堆

https://www.zhihu.com/question/27495264

但对我来说经常会用到的

除了标注切图的插件

还有就是这个Artboard Tricks

因为sketch可以同时在一个项目中创建多个画板

有时一个项目有几十个页面时

对齐每个画板，其实是很耗时的

这个时候用到这个插件

对齐到网格的功能

效率极高

简直拯救了强迫症啊

直观性也加强了

marketch导出来的时候顺序也不会出错

最后一款要推荐插件

虽然我不常用，但绝对能让你的作品逼格上升

就是交互插件flinto，既能做交互又能做动画效果

举个栗子，原本静态的页面

出来的效果就是这样

这款插件虽然不难，但是延展性广，光是一句两句说不完

但是真的学起来也不难，入门10分钟就够了

半天就可以做出来一套小动画

ui中国上已经有大神出视频教程啦

大家可以看下felixme3老师的教程视频

传送门http://www.ui.cn/detail/94570.html

最后，大家要是觉得实用

请给我一个小小的赞，不胜感激