一、首先需要明白的幾個概念 1、屏幕尺寸:也就是我們平常所說的某某手機幾寸屏。比如蘋果的4.7寸, 榮耀6的5.5寸。這裡說的寸是英寸(1 英寸 = 2.54 釐米)。 計算方法:屏幕尺寸=對角先尺寸(cm) / 2.54(cm) 一般用英寸表示。1英寸=2.54cm 2、解析度:屏幕上顯示的像素個
一、首先需要明白的幾個概念
1、屏幕尺寸:也就是我們平常所說的某某手機幾寸屏。比如蘋果的4.7寸, 榮耀6的5.5寸。這裡說的寸是英寸(1 英寸 = 2.54 釐米)。
計算方法:屏幕尺寸=對角先尺寸(cm) / 2.54(cm)
一般用英寸表示。1英寸=2.54cm
2、解析度:屏幕上顯示的像素個數,單位尺寸內像素點越多,顯示的圖像就越清楚。
解析度720*1280表示手機水平方向的像素為720,垂直方向為1280。
現在主流的解析度有480 * 800, 720 * 1280, 1080 * 1920。
3、屏幕密度:表示屏幕每英寸有多少個像素。
4、單位:
px:像素,一塊顯示屏是由很多的光點組成的,每一個光點就是一個像素。
dp:andriod開發中用於描述尺寸和間距。
sp:和dp一樣,只是用於描述字型大小和行距。
屏幕密度 | 屏幕級別 | 通常解析度 | 對應關係 | |
120 | ldpi(低密度) | 0.75 | 1dp=0.75px | |
160 | mdpi(中等密度) | 320*480 | 1 | 1dp=1px |
240 | hdpi(高密度) | 480*800 | 1.5 | 1dp=1.5px |
320 | xhdpi(超高密度) | 720*1280 | 2 | 1dp=2px |
480 | 480(超清密度) | 1080*1800 | 3 | 1dp=3px |
二、到底採用哪種解析度來設計
原則上需要為不同的解析度去單獨設計效果圖,但是由於實際開發成本,設計成本的各種要求,可以根據目前市場占有率選擇機型,目前主要480*800、 720*1280、 1080*1920這幾種解析度,本人目前都是採用720*1280的解析度來設計,因為目前為止720*1280的市場占有率還是比較高的。但是由於技術水平的不斷提升,今後一定會採用1080*1920的來設計,希望各位小伙伴能夠關註一下市場情況。
總結:現在還是採用720*1280的解析度來設計吧。
三、到底需要提供多少套切圖
只需要提供一套切圖即可。
1.一般採用720*1280的來設計。切圖可以直接適配720*1280解析度的機型。
2.720*1280下的切圖資源基本可以適配其他機型,有些特殊的切圖需要單獨適配的,比如icon等。
3.適配480*800的機型,只需要把切圖*0.75即可。
4.適配1080*1920機型,只需要把切圖*1.5即可。
5.適配1080*1920的時候,不要單獨硬生生的將圖標放大1.5倍。這就要求在720*1280下畫圖的時候,儘量採用矢量圖形來畫 圖。比如在720*1280下圖圖標是48px*48px的時候,適配1080*1920時候,48px*1.5=72px。把矢量圖形調整為72px即可。把 切圖資源給開發,開發會把切圖單獨放到xxhdpi的文件目錄下,就會自動適配1080*1920的了。
同樣要是適配480*800的,48px*0.75=32px,把切圖給開發,開發會把切圖資源單獨放到hdpi的目錄下,就會自動適配的。
720*1280下的切圖資源,開發是放到xhdpi的目錄下的。
註意:大家在設計圖片的時候儘量採用偶數來設計。開發可以直接寫出來的就儘量不要切圖。
四、到底需要提供多少套標註
只需要提供一套標註即可。
原則上需要為不同分辨單獨進行標註,但由於開發成本等各種考慮。
選取320dpi下(解析度為:720*1280)進行設計,此解析度下1dp=2px。
設計師要建立相對單位概念,可以直接使用dp標註尺寸、sp標註文字大小;
五、總結
1.採用720*1280解析度來進行設計。(設計時,採用偶數值進行設計,方便dp和px的轉換)
2.開始標註了,標註儘量採用相對位置進行標註。
3.切圖了,首先在720*1280下進行切圖,可以完全適配720*1280的機型。切圖資源
本文為博主原創文章,轉載請註明出處
http://www.cnblogs.com/rencm/p/5195786.html