zeplin windows版 v1.4

zeplin windows版是專(zhuān)為平面設(shè)計(jì)人員而開(kāi)發(fā)的一款運(yùn)行在windows平臺(tái)上的高效制圖軟件，可以讓設(shè)計(jì)師只需專(zhuān)注界面設(shè)計(jì)，不需再做切圖和標(biāo)注的工作，從此告別切圖和標(biāo)注，降低設(shè)計(jì)師的溝通成本，提高設(shè)計(jì)還原度。zeplin目前支持Mac os 、Win 以及 Web 模式，各大平臺(tái)暢通無(wú)阻，支持現(xiàn)在主流的Sketch以及PS哦，是設(shè)計(jì)人員最好的輔助設(shè)計(jì)軟件。

軟件特色

zeplin到底有多厲害呢？

精簡(jiǎn)出一句話就是：它能夠讓設(shè)計(jì)師直接上傳源文件，然后系統(tǒng)幫你取色、標(biāo)注什么的，再然后 RD 們就能夠直接看到了。

使用上Zeplin之后，設(shè)計(jì)師不用切圖！設(shè)計(jì)師不用切圖！設(shè)計(jì)師不用切圖

設(shè)計(jì)師也不用標(biāo)注！設(shè)計(jì)師也不用標(biāo)注！設(shè)計(jì)師也不用標(biāo)注！

反正用完之后整個(gè)人都年輕了。

Zeplin軟件亮點(diǎn)

支持對(duì)css的樣式進(jìn)行快速的查看，對(duì)您完成的設(shè)計(jì)稿進(jìn)行導(dǎo)出的操作

對(duì)文件快速的進(jìn)行備注，并且對(duì)評(píng)論的功能支持

這次從你需要使用的Sketch里面完成對(duì)文件的導(dǎo)出

還可以對(duì)相關(guān)的值進(jìn)行顯示，快速的即可完成觀看

而且對(duì)Zeplin的分組，設(shè)置功能，讓您快捷的完成相關(guān)的操作

支持對(duì)文件進(jìn)行打上你需要使用的變遷

軟件使用方法

安裝軟件＋zeplin插件

Mac用戶：安裝sketch；Zeplin.app；zeplin-sketch插件

直接解壓安裝即可

Windows用戶：安裝Photoshop CC；Zeplin.app；zeplin－ps插件&面板

如何安裝的Photoshop插件？

通常，當(dāng)你啟動(dòng)Zeplin，插件應(yīng)自動(dòng)安裝。但是，如果你有問(wèn)題，請(qǐng)確保你有最新的Photoshop CC年的版本。兩件需要安裝，插件和面板。

軟件安裝教程

1、插件

解壓并拷貝“io.zeplin.photoshop-plugin”到

“Adobe Photoshop CC 2015/Plug-ins/Generator”文件夾中粘貼。

2、面板：

從Finder菜單中，單擊“Go> Go to Folder …”，鍵入“？/ Library / Application Support / Adobe / CEP / extensions”，然后單擊Go。解壓并拷貝“io.zeplin.photoshop-panel”到文件夾中粘貼。

現(xiàn)在，當(dāng)你重新啟動(dòng)你的Photoshop，你會(huì)看到在菜單中Zeplin面板往上頂：窗口>擴(kuò)展> Zeplin

關(guān)于zeplin使用的幾個(gè)疑問(wèn)

1、切圖的圖標(biāo)沒(méi)有點(diǎn)擊態(tài)？

答：方法一：可以在單個(gè)文件下面加長(zhǎng)一條，新增一些圖標(biāo)點(diǎn)擊態(tài)；方法二：建立一個(gè)設(shè)計(jì)規(guī)范，把整個(gè)app的圖標(biāo)控件整理，方便開(kāi)發(fā)統(tǒng)一調(diào)用（樓主用的是這個(gè)）。

2、想對(duì)對(duì)設(shè)計(jì)稿進(jìn)行備注怎么辦？

答：選中需要備注的圖層，“？+鼠標(biāo)左鍵”，即可彈出備注浮層。

3、為什么切片的預(yù)覽圖和實(shí)際導(dǎo)出的圖不一樣，而且尺寸大小不一致？

答：切片一定要放在圖片的上方且切片命名不要重復(fù)，圖片的XY軸位置不能出現(xiàn)小數(shù)點(diǎn)。

4、zeplin網(wǎng)址打開(kāi)網(wǎng)頁(yè)太慢怎么辦？

答：把客戶端的安裝包給開(kāi)發(fā)，打開(kāi)速度提升100%。