自動切圖神器Layer Cake:設計師們必備利器

文章描述：設計師的切圖神器SLICY（LAYER CAKE）！.

自動切圖工具「Slicy」Mac OS版（Layer Cake），真正解放設計師的神器！
為切圖黯然銷魂的設計師們必備利器！推薦人：abo 阿里巴巴UI設計師

• @zhuhuizero：這個軟體我用了快半年了，之前叫LayerCake，半年更新了3次修複了一些bug，真的相當好用。讓切圖變的極為輕鬆，並且強迫你做好清晰合理的圖層命名，幫你養成良好的工作習慣，官方有試用版，推薦設計師都用用這個。
• @aboXabo：連結提供的Slicy（原名Layer Cake）是免費試用，可能切出來的圖有紅線浮水印。正式版是需要錢的，但對於提高工作效率來說，191人民幣不算多。中國網民的智慧是無窮的，但不鼓勵使用盜版！

用戶端UI設計和手機UI設計最煩的不是設計介面和設計表徵圖，而是切圖。Slicy就是來解救討厭切圖的設計師們。（暫無法產生安卓的.9.png）
這款軟體操作十分簡單，只要將PSD拖進去Slicy的視窗，就能自動產生.jpg和.png等格式的切圖檔案，瞬間減少了很多工作量。
當然，前提是，你得養成良好的PSD圖層管理。

將上面的有4個五角星的介面拖進去Slicy視窗，瞬間產生4個png切圖，點擊save儲存檔案，可以選擇同步PSD或者不同步
（如果同步PSD，只要你的PSD做出修改，相應的切圖PNG也會立刻修改生效，不需要再次儲存PNG切圖）

圖層命名說明（可參考下載檔案裡的Slicy樣本）

表徵圖切圖：只需要把圖片圖層內容，放置在圖層檔案夾裡，並命名：表徵圖名稱.icns就可以自動產生.icns格式的表徵圖檔案

把你想切圖的部分，放在檔案夾裡，並命名切圖名稱.png（或者.jpg）。就能自動把想切圖的部分產生。

假如你想切圖的部分跟圖層大小並不是一致的。（五角星是圖層，紅色遮罩是你想切出來的圖片大小）
你只要加上一層遮罩，並把遮罩的圖層命名成@bounds。
這樣，切出來的圖片大小，會跟@bounds圖層的大小一直。
注意：兩個圖層要一起放在一個圖層檔案夾裡，並命名“切圖名稱.png”

除了普通的切圖，Slicy還能自動把圖層放大2倍，產生@2X的切圖。
@2X切圖是用在iPhone Retina螢幕上的切圖。命名方式見樣本裡的圖層命名方式。

只要你養成好的圖層命名規則，這款軟體可以方便快速產生切圖，幫你省掉一半的工作時間。

下載地址