APP设计神器Zeplin,要甩Cutterman、PxCook等10条街

之前25学堂也推荐过这款APP设计神器,搭配sketch完美无瑕。与Sketch搭配设计APP的最佳标注插件—Zeplin

最近zeplin  也支持pc和sketch插件啦。分享APP设计神器Zeplin,就是让我们告别APP切图标注这些麻烦的事情,从今以后都不需要我们设计师来干这个事情啦。

zeplin-APP设计神器

APP设计神器Zeplin官网:https://www.zeplin.io/   到官网可以下载免费版的ps插件和sketch插件。

APP设计神器Zeplin到底是什么呢?    其实Zeplin就是前端与设计协同工作专用工具。

 

25学堂推荐APP设计神器Zeplin,原因在于我们以后不需要标注,切图也非常快,效率非常高。

 

二、到底如何使用APP设计神器Zeplin?

我们APP设计师只要把APP视觉UI稿子导入 Zeplin 后,受邀请进入 Project 的开发者可以直观的看到色值,元素间距,交互流程,区域大小,文字大小及颜色,注意看下图,在 Dashboard 右边栏 Colors 与 Assests 这两栏,可以让对方清楚的知道配色值(RGB),另外在让开发者查看分层元素时,在 Sketch 里将层设置为 “Exportable” 即可,在设计师做好图层管理(命名、分组)的前提下,它可以自动生成元素尺寸、间隔距离的标注信息(并且可以标注为 pt 或 dp)。

Zeplin-app

然后,项目组内的其他开发人员,包含产品经理都可以看到app设计师制作的 Style Guide,包括字体样式、色彩构成、Icon 样例、常用间距等内容。

Zeplin-add-a-note

 

看完是不是觉得特别牛,特别是你在使用sketch和mac电脑的APP设计师们。

下面25学堂还推荐一个关于详细使用zeplin的视频教程:

 

如果你是没有用过zeplin的设计师,从今天开始可以使用ps+zeplin的组合来提高我们的工作效率。

当然,之前25学堂推荐的蓝湖也是不错的标注和切图软件。

APP标注福利来了,蓝湖“自动标注”支持PSD源文件啦

 

25学堂最近分享这2个APP设计神器的zeplin和蓝湖APP,目的是告诉大家,我们设计师再也不要去标注和切图啦。

 

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