移動APP切圖是UI設(shè)計必須掌握的技術(shù)，下面成都創(chuàng)新互聯(lián)科技有限公司跟大家講講原生App切圖的那些事兒，對UI入門或需了解APP切圖的設(shè)計師來說會有幫助哦。

如何切圖？

了解iphone界面的尺寸

最小的分辨率是320×480，我們把這個尺寸定為基準界面尺寸（baseline），基準尺寸所用的圖標定為1倍圖（1x）。

在實際設(shè)計過程中，為了降低設(shè)計成本，一般拿設(shè)備最高的分辨率作為設(shè)計稿的原始尺寸，拿iphone來說就是iphone5或5s的640×1136啦，當然也可以用iphone4或4s的640×960，因為寬度都是640px，他們切圖的標準是一樣的。顯然，以1倍圖的基準尺寸（寬320px）為相對的參考依據(jù)，寬640px的設(shè)計稿，以原始尺寸切出來的圖標稱為2倍圖（2x）。

有人可能會問：為什么不拿320px作為設(shè)計稿的原始尺寸呢？因為1倍圖放大成為2倍圖遠比2倍圖縮小成1倍圖來得模糊！

于是，在不考慮iphone6和iphone 6 plus的情況下，為了適配iphone，每個圖標需要切兩份。

Android - 更為繁多的界面尺寸

Android開源自由的代價就是設(shè)備規(guī)范的不可控，市面上充斥著各種品牌的android手機，有著各種各樣的尺寸和分辨率，為了適配各種不同分辨率的設(shè)備，同一個圖標需要切成N份，每一份對應一個尺寸。

另外需要注意的是，Android里面開發(fā)用的尺寸單位是dp或sp（dp為元素表現(xiàn)尺寸，sp為字體尺寸）而不是iphone中的px。。。

對于分辨率繁多的android設(shè)備，為了方便原生應用的界面適配，Google按照dpi大小將它們分成了4中模式（MDPI、HDPI、XHDPI和XXHDPI，也許有一天會增加第五種XXXHDPI，誰知道呢）：

看到這里，傳統(tǒng)的web前端同學可能已經(jīng)凌亂了，iphone用px，android用dp，而視覺設(shè)計稿則統(tǒng)一用的px，怎么將使用px作為單位的psd給使用dp作為單位的android app切圖啊???

顯然，我們得花點腦細胞去弄清楚px與dp的換算關(guān)系。

把切圖交給工具

推薦切圖工具1-devRocket

px與dp的換算關(guān)系

一般情況下，手機分辨率與所運行的dpi模式是匹配的，例如hvga(320×480像素)的手機屏幕一般在3.5英寸左右，運行在mdpi模式下。當運行在mdpi下時，1dp=1px：也就是說設(shè)計師以320×480作為設(shè)計稿的尺寸時，在PS里定義一個item高48px，開發(fā)就會定義該item高48dp；Photoshop中14px大的字體，開發(fā)會定義為14sp。

對于一部wvga（480×800像素）的手機（G7、N1、NS），一般是運行在hdpi模式下。當運行在hdpi模式下時，1dp=1.5px：也就是說設(shè)計師以480×800作為設(shè)計稿的尺寸時，在PS里定義一個item高72px，開發(fā)就會定義該item高48dp；Photoshop中21px大的字體，開發(fā)會定義為14sp。

IPhone應用切圖尺寸與Android應用切圖尺寸的對應關(guān)系

在Android應用中，以MDPI為基準界面尺寸，恰好對應上面提及的iphone應用的基準界面尺寸（320×480），所需的切圖圖標為iphone中對應的1倍圖；XHDPI則對應2倍圖，HDPI和XXHDPI可依此類推。

換一種說法再看看：如果要以最低的設(shè)計成本做一個app，iphone版和android版用的同一套設(shè)計稿，那么設(shè)計稿的尺寸最好是640×960像素。因為這個尺寸切出來的圖標尺寸涵蓋了iphone 3 ~ 5的分辨率，以及android的MDPI、HDPI、XHDPI模式。XXHDPI模式會自動利用低一級的XHDPI的圖標進行放大展示。

當前題目：移動APP如何切圖，移動app切圖方法
瀏覽路徑：http://www.rwnh.cn/news13/322713.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、Google、微信公眾號、定制網(wǎng)站、品牌網(wǎng)站設(shè)計、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)