Zeplin 麵向的用戶是設計師和前端(Web、Mobile)工程師,相當於做的是中間橋梁這一塊,核心功能為標注、Style Guide、備注文檔與簡單的團隊協作。這塊軟件由四名在伊斯坦布爾的開發者製作,目前僅支持 Sketch,但是 PS 也已經出現在官網,應該也快了。
在使用 Zeplin 之前,最早是使用馬克曼進行標注的,也就是直接在輸出效果圖上量尺寸;使用 Sketch 插件 Measure 之後,可以在畫板中生成尺寸標注信息,導出標注圖提供給開發同學使用。無論是馬克曼還是 Measure,最後的交付物是一致的
它到底有多厲害呢
精簡出一句話就是
它能夠讓設計師直接上傳源文件
然後係統幫你取色、標注什麼的
再然後 RD 們就能夠直接看到了
使用上Zeplin之後
設計師不用切圖!設計師不用切圖!設計師不用切圖!
設計師也不用標注!設計師也不用標注!設計師也不用標注!
反正用完之後整個人都年輕了
安裝軟件+zeplin插件
Mac用戶:安裝sketch;Zeplin.app;zeplin-sketch插件
直接解壓安裝即可
Windows用戶:安裝Photoshop CC2015;Zeplin.app;zeplin-ps插件&麵板
如何安裝的Photoshop插件?
通常,當你啟動Zeplin,插件應自動安裝。但是,如果你有問題,請確保你有最新的Photoshop CC2015年的版本。兩件需要安裝,插件和麵板。
安裝教程:
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”到文件夾中粘貼。
現在,當你重新啟動你的Photoshop,你會看到在菜單中Zeplin麵板往上頂:窗口>擴展> Zeplin
1、切圖的圖標沒有點擊態?
答:方法一:可以在單個文件下麵加長一條,新增一些圖標點擊態;方法二:建立一個設計規範,把整個app的圖標控件整理,方便開發統一調用(樓主用的是這個)。
2、想對對設計稿進行備注怎麼辦?
答:選中需要備注的圖層,“⌘+鼠標左鍵”,即可彈出備注浮層。
3、為什麼切片的預覽圖和實際導出的圖不一樣,而且尺寸大小不一致?
答:切片一定要放在圖片的上方且切片命名不要重複,圖片的XY軸位置不能出現小數點。
4、zeplin網址打開網頁太慢怎麼辦?
答:把客戶端的安裝包給開發,打開速度提升100%。
140.5M / 09-05
76.4M / 03-25
55M / 06-05
237.9M / 04-13
900.9M / 03-02
96.2M / 07-06
311.2M / 07-06
335M / 07-06
200M / 07-06
413.8M / 07-06
768.9M / 08-19
484.7M / 09-27
165.4M / 09-05
131.8M / 04-13
195.6M / 03-03
45.6M / 09-08
665.2M / 07-06
2.84G / 07-06
93M / 07-06
338.3M / 07-06
892.4M / 08-18
312M / 07-30
1.38G / 07-26
109.8M / 06-03
142M / 01-08
1.2M / 11-23
548.8M / 04-13
1.6M / 04-13
1.48G / 03-18
646.6M / 03-03
404M / 08-18
110.5M / 09-05
33.4M / 09-05
60M / 04-29
254M / 04-25
659M / 04-23
1M / 12-26
253.4M / 12-08
253M / 12-08
1.19G / 11-16
115.9M / 08-19
488.3M / 06-04
369M / 09-22
181.5M / 09-22
201.2M / 09-05
248.9M / 12-08
248.9M / 12-08
100.6M / 03-06
148.9M / 03-06
1.12G / 07-06
126.7M / 02-04
1.76G / 09-22
1.92G / 04-17
201.5M / 04-13
7.31G / 07-01
94.3M / 07-06
2.48G / 07-06
7.63G / 07-06
1M / 07-06
778.1M / 07-06
1.30G / 08-19
72M / 07-06
548.7M / 07-06
1.00G / 07-06
9.13G / 07-06
126.2M / 07-06
72M / 07-06
105.1M / 07-06
132M / 07-06
132M / 07-06