sketch 筆記:
sketch 750做2倍尺寸
用Marketch? 切片輸出1x 和? 2x? 然后把2x縮成1.5x
————————————————————————
1喇澡、 找到界面里需要切圖的地方，選擇切片工具或者快捷鍵s殊校，并把切片的虛框和對(duì)應(yīng)要切片的圖層放到一個(gè)組晴玖。然后選中切片的虛框，在右上角的切片屬性里設(shè)置切片 大小并選中export group contents only,這一步很重要为流，不然到時(shí)候開(kāi)發(fā)導(dǎo)出的切圖會(huì)有背景呕屎。
2、切圖的圖標(biāo)沒(méi)有點(diǎn)擊態(tài)敬察？
答：方法一：可以在單個(gè)文件下面加長(zhǎng)一條秀睛，新增一些圖標(biāo)點(diǎn)擊態(tài)；方法二：建立一個(gè)設(shè)計(jì)規(guī)范莲祸，把整個(gè)app的圖標(biāo)控件整理蹂安，方便開(kāi)發(fā)統(tǒng)一調(diào)用（樓主用的是這個(gè)）。
3锐帜、為什么切片的預(yù)覽圖和實(shí)際導(dǎo)出的圖不一樣田盈，而且尺寸大小不一致？
答：切片一定要放在圖片的上方且切片命名不要重復(fù)缴阎，圖片的XY軸位置不能出現(xiàn)小數(shù)點(diǎn)允瞧。
4.多套icon同時(shí)輸出。
1蛮拔、IOS圖標(biāo)需求：
@2x二倍圖標(biāo)用于iPhone6Plus以下的設(shè)備述暂；
@3x三倍圖標(biāo)用于iPhone6Plus。
2建炫、Android圖標(biāo)需求贸典，Android主流分辨率有以下3種：
@1x一倍圖標(biāo)用于hdpi 800*480px；
@2x二倍圖標(biāo)用于xdpi 720*1280px踱卵；
@3x三倍圖標(biāo)用于xxdpi 1080*1920px廊驼。
5据过、
第二步：導(dǎo)出Icon
選擇所有畫(huà)板，點(diǎn)擊右下角［＋］加號(hào)妒挎，添加@2x绳锅、@3x。（如果設(shè)計(jì)圖本身就是二倍圖酝掩，那么就添加@1x鳞芙、@1.5x）。點(diǎn)擊［Export Artboards］導(dǎo)出即可期虾，建議導(dǎo)出到一個(gè)獨(dú)立的文件夾中原朝，或者導(dǎo)出前新建一個(gè)文件夾。不然結(jié)果會(huì)被嚇到镶苞！
6.
第一點(diǎn)：設(shè)計(jì)尺寸和資源的比例
sketch的切圖首先要明確你是在用什么尺寸進(jìn)行設(shè)計(jì)喳坠，這個(gè)關(guān)系到導(dǎo)出圖片的倍數(shù)。
如果設(shè)計(jì)尺寸是375x667pt茂蚓，那么導(dǎo)出的資源尺寸倍數(shù)壕鹉，1倍，2倍聋涨，3倍晾浴。（推薦使用這個(gè)尺寸）。
如果設(shè)計(jì)尺寸是750x1334px牍白，那么導(dǎo)出的資源尺寸倍數(shù)脊凰，0.5，1倍茂腥，1.5倍笙各。（某些設(shè)計(jì)師喜歡這個(gè)尺寸）。
第二點(diǎn)：切圖大小和資源的關(guān)系
方法一：圖層直接切圖础芍，切圖效果僅生成內(nèi)容尺寸杈抢。
如果你的設(shè)計(jì)尺寸是20x20pt，而內(nèi)容尺寸是18x16pt仑性，那導(dǎo)出的尺寸為18x16pt惶楼。
方法二：使用切圖工具進(jìn)行框選切圖。
切刀工具會(huì)自動(dòng)吸附到外框诊杆，點(diǎn)擊后依然會(huì)切到內(nèi)容尺寸歼捐，需要手動(dòng)調(diào)整到期望尺寸。
（通常我們需要切透明 .png晨汹，這時(shí)候可以將切片內(nèi)容和切片圖層豹储，成組。成組后可以選中切片圖層淘这，并勾選僅導(dǎo)出內(nèi)容剥扣。即可倒出透明資源）
