sketch 筆記:

sketch 750做2倍尺寸

用Marketch? 切片輸出1x 和? 2x? 然后把2x縮成1.5x

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

1、 找到界面里需要切圖的地方，選擇切片工具或者快捷鍵s，并把切片的虛框和對應要切片的圖層放到一個組。然后選中切片的虛框，在右上角的切片屬性里設置切片 大小并選中export group contents only,這一步很重要，不然到時候開發導出的切圖會有背景。

2、切圖的圖標沒有點擊態？

答：方法一：可以在單個文件下面加長一條，新增一些圖標點擊態；方法二：建立一個設計規范，把整個app的圖標控件整理，方便開發統一調用（樓主用的是這個）。

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

答：切片一定要放在圖片的上方且切片命名不要重復，圖片的XY軸位置不能出現小數點。

4.多套icon同時輸出。

1、IOS圖標需求：

@2x二倍圖標用于iPhone6Plus以下的設備；

@3x三倍圖標用于iPhone6Plus。

2、Android圖標需求，Android主流分辨率有以下3種：

@1x一倍圖標用于hdpi 800*480px；

@2x二倍圖標用于xdpi 720*1280px；

@3x三倍圖標用于xxdpi 1080*1920px。

5、

第二步：導出Icon

選擇所有畫板，點擊右下角［＋］加號，添加@2x、@3x。（如果設計圖本身就是二倍圖，那么就添加@1x、@1.5x）。點擊［Export Artboards］導出即可，建議導出到一個獨立的文件夾中，或者導出前新建一個文件夾。不然結果會被嚇到！

6.

第一點：設計尺寸和資源的比例

sketch的切圖首先要明確你是在用什么尺寸進行設計，這個關系到導出圖片的倍數。

如果設計尺寸是375x667pt，那么導出的資源尺寸倍數，1倍，2倍，3倍。（推薦使用這個尺寸）。

如果設計尺寸是750x1334px，那么導出的資源尺寸倍數，0.5，1倍，1.5倍。（某些設計師喜歡這個尺寸）。

第二點：切圖大小和資源的關系

方法一：圖層直接切圖，切圖效果僅生成內容尺寸。

如果你的設計尺寸是20x20pt，而內容尺寸是18x16pt，那導出的尺寸為18x16pt。

方法二：使用切圖工具進行框選切圖。

切刀工具會自動吸附到外框，點擊后依然會切到內容尺寸，需要手動調整到期望尺寸。

（通常我們需要切透明 .png，這時候可以將切片內容和切片圖層，成組。成組后可以選中切片圖層，并勾選僅導出內容。即可倒出透明資源）