25學(xué)堂小編相信很多app ui設(shè)計(jì)師已經(jīng)開(kāi)始采用Sketch來(lái)設(shè)計(jì)APP界面和web ui界面啦，當(dāng)然也包括一些app交互設(shè)計(jì)師、ued等牛人。

因?yàn)椴捎肧ketch來(lái)設(shè)計(jì)界面非常的簡(jiǎn)單、ui設(shè)計(jì)效果也很漂亮！

從今天開(kāi)始，25學(xué)堂轉(zhuǎn)載中美設(shè)計(jì)顧問(wèn)uiue設(shè)計(jì)培訓(xùn)系列教程的一些關(guān)于學(xué)習(xí)Sketch設(shè)計(jì)的小白教程。

前些日，25學(xué)堂分享了業(yè)界不錯(cuò)的sketch設(shè)計(jì)入門(mén)視頻教程，共15節(jié)課。

今天繼續(xù)分享Sketch切圖視頻教程。 教大家如何快速通過(guò)sketch來(lái)切圖的技巧和一些常用的方法。

主要包含導(dǎo)出設(shè)置、文件名的命名、組的合并以及2倍圖和3倍圖的導(dǎo)出。如下圖所示：

下面具體的我們來(lái)跟隨講師來(lái)看視頻學(xué)習(xí)吧！

看完這個(gè)Sketch切圖視頻教程，完全可以讓你掌握一些skecth切圖的技巧和切片文件導(dǎo)出規(guī)范。

Sketch講師通過(guò)優(yōu)秀的案例來(lái)教會(huì)大家如何進(jìn)行APP界面的切圖。

同時(shí)教會(huì)大家如何通過(guò)sketch與我們的手機(jī)來(lái)同步預(yù)覽。值得大家好好去學(xué)習(xí)！

最后，25學(xué)堂還需要告知各位在進(jìn)行Sketch切圖的時(shí)候要注意幾點(diǎn)：

1、畫(huà)板的背景色（background color）需要透明的。

2、點(diǎn)擊export最右邊的“＋”圖標(biāo)，想輸出幾套切圖點(diǎn)幾下“＋”。

?如果是基于750*1334分辨率的，一般只需輸出2套，1x跟1.5x。

3、選中需要輸出的artboard,點(diǎn)最下面的export artboards即可批量輸出所有需要的切圖。

iPhone6+有兩種顯示模式，

標(biāo)準(zhǔn)像素分辨率為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)題的。