快速sketch切圖技巧，速度超乎你的想象

Sketch想必小夥伴們都已經用的挺熟悉的啦，在你的工作中，應該常常碰到各樣切圖尺寸大小的問題。陳踢缺er曾在設計App項目中也遇到過各種這樣的問題，下面我來結合實際操作來分享給大家使用sketch如何更加快速完成你的切圖工作，然後更安心的把剩餘時間花在你的設計工作上。

小夥伴們的設計稿尺寸因為項目要求和開發人員協商等因素導緻不同，一般的設計稿尺寸 蘋果IOS的有 375*667 750*1334 320*568 640*1136等等 安卓的有 720*1280 320*480 480*800 1080*1920等等

以下我隻列出最常用的兩種尺寸供大家參考為例。

iPhone一般要求導出@2x @3x切圖即可 安卓一般要求導出mdpi hdpi xhdpi xxhdpi xxxhdpi切圖

接下來是具體設置切圖方案的步驟

Step1

點擊頂部菜單欄的Sketch（就在蘋果圖标右邊）—— Preferences

或者在畫闆上随便選擇一個設計元素，然後點擊界面右下角的Make Exportable

按如下圖步驟也能打開切圖方案選項卡

Step2

新建你想要的切圖方案

切圖方案設置的基本介紹（這是基于375px設計稿所設置的切圖方案）

—————————————————————————————————————————————

切圖方案設置就可以是這樣（這是基于750px設計稿所設置的切圖方案）

剛開始可能頭有點暈，我再來總結一下對應關系 多看幾遍就明白了（明白了你就一通百通，羽化成仙啦～）

所以，切圖方案設置的關鍵點在于設計稿尺寸倍數關系的換算和你最終想要導出的切圖尺寸兩方面的考慮

如果明白了以上兩點，同樣的思路，安卓的切圖尺寸方案設置也就撒撒水啦～

因此列出了關系換算表那麼切圖方案如何設置也就非常清晰了。

那麼，我也不是針對誰…我隻想說的是...還有什麼切圖比例不能導出呢？還有什麼切圖格式不能一鍵導出呢？

網頁？Icon? Banner？統統滴全部搞定。真正的設置三分鐘，裝逼一輩子有木有！！！

然後接着還可以這樣…

您可以随意設置切圖種類／切圖的前綴後綴／切圖格式／切圖方案名稱，突然浮現出一個畫面…

切圖不僅僅是尺寸大小問題，特殊的切圖還會遇到比如 統一大小icon切圖，安卓的點9切圖，分塊切圖，混合切圖等情 況。所以接下來後續還會告訴大家一些特殊的切圖方法，當然，大前提還是要和程序猿哥哥們溝通好。

本文來自于站酷作者陳踢缺er，感謝分享 ！歡迎加入UI設計群一起交流587751709

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!