Sketch使用注意事項(超贊!)

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,這時候可以將切片內容和切片圖層,成組。成組后可以選中切片圖層,并勾選僅導出內容。即可倒出透明資源)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容