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

來源:互聯網
上載者:User

文章描述:設計師的切圖神器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螢幕上的切圖。命名方式見樣本裡的圖層命名方式。

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

下載地址

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。