sketch mac怎么切圖?sketch mac切圖基礎(chǔ)教程。最近有使用Mac的用戶詢問(wèn)不知道sketch mac怎么切圖,那么想知道sketch mac怎么切圖的伙伴,跟著小編一起來(lái)看看sketch mac切圖基礎(chǔ)教程,不要錯(cuò)過(guò)哦!
{insd m="0" i="523854"}
sketch mac切圖基礎(chǔ)教程:
先說(shuō)說(shuō)最基礎(chǔ)的,在sketch中,一個(gè)項(xiàng)目的所有界面通?梢苑旁谝粋(gè)畫(huà)布里,然后快捷鍵"A"創(chuàng)建畫(huà)板Artboard.然后一個(gè)項(xiàng)目的縮略圖就如下圖所示。
一開(kāi)始我是用640*1136為基礎(chǔ)分辨率來(lái)做圖的,發(fā)現(xiàn)那樣需要一個(gè)項(xiàng)目ios+android需要輸出至少4套
的切圖。雖說(shuō)sketch是純矢量的,小圖直接拖大不致于失真,但是開(kāi)發(fā)貼圖還原后總,往往會(huì)發(fā)現(xiàn)
iPhone6+的分辨率下跟iphone5分辨率下的效果差別有點(diǎn)大。
其實(shí)iphone6分辨率750*1334也是基于@2x(倍率)的,也就是說(shuō)iphone6用的切圖跟iphone5是可以
同一套的。知道這點(diǎn)很重要。
sketch里也有slice切圖工具,但我一直沒(méi)用習(xí)慣,而是在一個(gè)sketch文件中新建一個(gè)畫(huà)布或另建一個(gè)
sketch文件。然后在畫(huà)布里為每個(gè)圖標(biāo)、控件、背景圖等分別畫(huà)畫(huà)板Artboard.
需要注意的是1、畫(huà)板的背景色(background color)需要透明的。
2、點(diǎn)擊export最右邊的“+”圖標(biāo),想輸出幾套切圖點(diǎn)幾下“+”。
如果是基于750*1334分辨率的,一般只需輸出2套,1x跟1.5x。
3、選中需要輸出的artboard,點(diǎn)最下面的export artboards即可批量輸出所有需要的切圖。
像素分辨率為1242*2208,放大模式分辨率為1125*2201,放大模式
分辨率剛好為iphone6的1.5倍,因此可以切1.5x的圖為iphone6+使用。
同理,安卓的xhdpi(720*1280)為iphone6(750*1334)的0.96倍,嚴(yán)格來(lái)講,需要為安卓xhdpi/
xxhdpi輸出兩套圖。但是實(shí)際上,xhdpi用@2x的、xxhdpi用@3x的圖是沒(méi)問(wèn)題的。
切圖沒(méi)那么難吧,在我看來(lái),切圖+標(biāo)注不應(yīng)該占用你工作時(shí)間1/10以上,如果有條件,請(qǐng)放棄用ps切圖吧。