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

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

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

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

与Sketch搭配设计APP的最佳标注插件—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界面设计标注的时候,默认的时候是你设计好的视觉设计稿。

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

如下图:

Zeplin

scDesGuideline

 

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

Sketch 之优秀插件Zeplin讲解  或者    查看大图教程

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

每天更新,
全站高品质素材免费下载!