1、首先須要明白的幾個概念html
一、屏幕尺寸:也就是咱們日常所說的某某手機幾寸屏。好比蘋果的4.7寸, 榮耀6的5.5寸。這裏說的寸是英寸(1 英寸 = 2.54 釐米)。spa
計算方法:屏幕尺寸=對角先尺寸(cm) / 2.54(cm)設計
通常用英寸表示。1英寸=2.54cmhtm
二、分辨率:屏幕上顯示的像素個數,單位尺寸內像素點越多,顯示的圖像就越清楚。blog
分辨率720*1280表示手機水平方向的像素爲720,垂直方向爲1280。圖片
如今主流的分辨率有480 * 800, 720 * 1280, 1080 * 1920。ci
三、屏幕密度:表示屏幕每英寸有多少個像素。資源
4、單位:開發
px:像素,一塊顯示屏是由不少的光點組成的,每個光點就是一個像素。io
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的分辨率來設計吧。
3、到底須要提供多少套切圖
只須要提供一套切圖便可。
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的目錄下的。
注意:你們在設計圖片的時候儘可能採用偶數來設計。開發能夠直接寫出來的就儘可能不要切圖。
4、到底須要提供多少套標註
只須要提供一套標註便可。
原則上須要爲不一樣分辨單獨進行標註,但因爲開發成本等各類考慮。
選取320dpi下(分辨率爲:720*1280)進行設計,此分辨率下1dp=2px。
設計師要創建相對單位概念,能夠直接使用dp標註尺寸、sp標註文字大小;
5、總結
1.採用720*1280分辨率來進行設計。(設計時,採用偶數值進行設計,方便dp和px的轉換)
2.開始標註了,標註儘可能採用相對位置進行標註。
3.切圖了,首先在720*1280下進行切圖,能夠徹底適配720*1280的機型。切圖資源
本文爲博主原創文章,轉載請註明出處
http://www.cnblogs.com/rencm/p/5197140.html