之前25學(xué)堂也推薦過(guò)這款A(yù)PP設(shè)計(jì)神器，搭配sketch完美無(wú)瑕。與Sketch搭配設(shè)計(jì)APP的最佳標(biāo)注插件—Zeplin

最近zeplin ?也支持pc和sketch插件啦。分享APP設(shè)計(jì)神器Zeplin，就是讓我們告別APP切圖標(biāo)注這些麻煩的事情，從今以后都不需要我們?cè)O(shè)計(jì)師來(lái)干這個(gè)事情啦。

APP設(shè)計(jì)神器Zeplin官網(wǎng)：https://www.zeplin.io/ ? 到官網(wǎng)可以下載免費(fèi)版的ps插件和sketch插件。

APP設(shè)計(jì)神器Zeplin到底是什么呢？ ? ?其實(shí)Zeplin就是前端與設(shè)計(jì)協(xié)同工作專用工具。

25學(xué)堂推薦APP設(shè)計(jì)神器Zeplin，原因在于我們以后不需要標(biāo)注，切圖也非?？?，效率非常高。

二、到底如何使用APP設(shè)計(jì)神器Zeplin？

我們APP設(shè)計(jì)師只要把APP視覺(jué)UI稿子導(dǎo)入 Zeplin 后，受邀請(qǐng)進(jìn)入 Project 的開(kāi)發(fā)者可以直觀的看到色值，元素間距，交互流程，區(qū)域大小，文字大小及顏色，注意看下圖，在 Dashboard 右邊欄 Colors 與 Assests 這兩欄，可以讓對(duì)方清楚的知道配色值（RGB），另外在讓開(kāi)發(fā)者查看分層元素時(shí)，在 Sketch 里將層設(shè)置為 “Exportable” 即可，在設(shè)計(jì)師做好圖層管理（命名、分組）的前提下，它可以自動(dòng)生成元素尺寸?間隔距離的標(biāo)注信息（并且可以標(biāo)注為 pt 或 dp）。

然后，項(xiàng)目組內(nèi)的其他開(kāi)發(fā)人員，包含產(chǎn)品經(jīng)理都可以看到app設(shè)計(jì)師制作的?Style Guide，包括字體樣式、色彩構(gòu)成、Icon 樣例、常用間距等內(nèi)容。

看完是不是覺(jué)得特別牛，特別是你在使用sketch和mac電腦的APP設(shè)計(jì)師們。

下面25學(xué)堂還推薦一個(gè)關(guān)于詳細(xì)使用zeplin的視頻教程：

如果你是沒(méi)有用過(guò)zeplin的設(shè)計(jì)師，從今天開(kāi)始可以使用ps+zeplin的組合來(lái)提高我們的工作效率。

當(dāng)然，之前25學(xué)堂推薦的藍(lán)湖也是不錯(cuò)的標(biāo)注和切圖軟件。

APP標(biāo)注福利來(lái)了，藍(lán)湖“自動(dòng)標(biāo)注”支持PSD源文件啦

25學(xué)堂最近分享這2個(gè)APP設(shè)計(jì)神器的zeplin和藍(lán)湖APP，目的是告訴大家，我們?cè)O(shè)計(jì)師再也不要去標(biāo)注和切圖啦。