zeplin windows版 v1.4

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

軟件特色

zeplin到底有多厲害呢？

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

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

設(shè)計師也不用標注！設(shè)計師也不用標注！設(shè)計師也不用標注！

反正用完之后整個人都年輕了。

Zeplin軟件亮點

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

對文件快速的進行備注，并且對評論的功能支持

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

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

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

支持對文件進行打上你需要使用的變遷

軟件使用方法

安裝軟件＋zeplin插件

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

直接解壓安裝即可

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

如何安裝的Photoshop插件？

通常，當(dāng)你啟動Zeplin，插件應(yī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)你重新啟動你的Photoshop，你會看到在菜單中Zeplin面板往上頂：窗口>擴展> Zeplin

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

1、切圖的圖標沒有點擊態(tài)？

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

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

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

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

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

4、zeplin網(wǎng)址打開網(wǎng)頁太慢怎么辦？

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