与Sketch搭配设计APP的最佳标注插件—Zeplin

25学堂一无既往的给APP设计师和app程序员推荐一些高效率的APP设计工具或者是插件。

今天跟大家分享的是与Sketch搭配设计APP的最佳标注插件—Zeplin。

Zeplin是解决产品设计中的最重要一环：标注，协作，切图。

Build pixel perfect apps in peace
Design hand-off has never been easier. Generate styleguides and resources, automatically.

与Sketch搭配设计APP的最佳标注插件—Zeplin的官网免费下载：

https://zeplin.io/    有兴趣的小伙伴可以去尝试下。

 

下面是25学堂为什么要推荐这款与Sketch搭配设计APP的最佳标注插件—Zeplin

一份完美的优秀的APP设计稿，如果没有一份合适的标注图，肯定不是完美的，而且产生的APP设计视觉偏差也会大不一样的。

之前或者现在，很多sketch app设计师还是在用马克曼进行标注的，也就是直接在输出效果图上量尺寸。这样的标注有个缺点：

破坏了原本的视觉效果图，标注的信息一定会对原设计稿形成遮挡，因此一般效果图和标注图要分开给，开发也经常需要在两个图之间切换，图片管理不太方便。如果你的设计稿同时要适配多个尺寸，还要要输出多份标注图，交付给多个开发同学。更重要的是，如果对页面进行了迭代修改，就需要重新标注、重新输出、重新交付，即开发与设计之间的联结是断的，每次都要人工把这个缺口接上。

Zeplin 面向的用户是设计师和前端（Web、Mobile）工程师，相当于做的是中间桥梁这一块，核心功能为标注、Style Guide、备注文档与简单的团队协作。

25学堂的小编在接触Zeplin的时候，内心是无比激动的。终于找到了一款这样的应用，绝对是对设计师程序员之间架起一座桥梁。

之前做UI用的ps和AI，换上mac之后接触sketch，确实，方便快捷了很多，知道发现Zeplin之后，两者搭配，绝了。

之前给APP设计稿做标注或者切图挺头疼，尤其标注，总担心标注漏了什么，程序员又在问来问去。而在https://zeplin.io/中，最主要的就是解决了这些问题。以后再也不用担心被程序员问来问去了。

最重要的，在zeplin当中，标注和设计稿可以共存一套，也不需要给2套。而且也不会因为标注挡住原来的设计稿的整体视觉效果。

使用zeplin来进行app界面设计标注的时候，默认的时候是你设计好的视觉设计稿。

当你鼠标移上去的时候，就会出现标注的所有信息，包括尺寸、颜色、字体等等。

如下图：

 

如果你不知道怎么使用，可以看下站酷上 这样的一篇文章：

Sketch 之优秀插件Zeplin讲解

http://www.zcool.com.cn/article/ZMTY5NTY4.html