想要真正理解一些有用的android安卓APP設(shè)計(jì)規(guī)范和安卓設(shè)計(jì)尺寸分辨率、屏幕密度、DP、sp等等相關(guān)知識(shí),必須需要反復(fù)的去設(shè)計(jì)和理解閱讀的。
所以,準(zhǔn)備好APP小抄本也是一項(xiàng)不錯(cuò)的記憶能力。
今天,25學(xué)堂給大家整理出來(lái)了2016年最新的安卓手機(jī)的APP設(shè)計(jì)手抄——7點(diǎn)安卓手機(jī)尺寸分辨率知識(shí)。
第一:安卓界面設(shè)計(jì)的幾個(gè)概念
1)分辨率。
分辨率就是手機(jī)屏幕的像素點(diǎn)數(shù),一般描述成屏幕的“寬×高”,安卓手機(jī)屏幕常見(jiàn)的分辨率有480×800、720×1280、1080×1920等。720×1280表示此屏幕在寬度方向有720個(gè)像素,在高度方向有1280個(gè)像素。
2)屏幕大小。
屏幕大小是手機(jī)對(duì)角線(xiàn)的物理尺寸,以英寸(inch)為單位。比如某某手機(jī)為“5寸大屏手機(jī)”,就是指對(duì)角線(xiàn)的尺寸,5寸×2.54厘米/寸=12.7厘米。
3)密度(dpi,dots per inch;或PPI,pixels per inch)。
就是每英寸的像素點(diǎn)數(shù),數(shù)值越高當(dāng)然顯示越細(xì)膩。
密度換算公式:比如寬1080、高1920,根據(jù)勾股定理,我們得出對(duì)角線(xiàn)的像素?cái)?shù)大約是2203,那么用 2203除以5就是此屏幕的密度了,計(jì)算結(jié)果是440。
第二:主流的Android手機(jī)壁紙的標(biāo)準(zhǔn)分辨率是多少?
3.2寸屏幕分辨率為 480×320 像素的Android手機(jī),對(duì)應(yīng)的壁紙分辨率為:640×480
3.5寸屏幕分辨率為 800×480像素 的Android手機(jī),對(duì)應(yīng)的壁紙分辨率為:960×800
3.7寸屏幕分辨率為 854×480 像素的Android手機(jī),對(duì)應(yīng)的壁紙分辨率為:960×854
4.3寸屏幕分辨率為 960×540 像素的Android手機(jī),對(duì)應(yīng)的壁紙分辨率為:1080×960
5.0寸屏幕分辨率為 1280×720像素的Android手機(jī),對(duì)應(yīng)的壁紙分辨率為:1280×720
5.5寸屏幕分辨率為 1920×1080像的Android手機(jī),對(duì)應(yīng)的壁紙分辨率為:1920×1080
第三:實(shí)際密度與系統(tǒng)密度
“實(shí)際密度”?就是我們自己算出來(lái)的密度,這個(gè)密度代表了屏幕真實(shí)的細(xì)膩程度,如上述例子中的440dpi就是實(shí)際密度,說(shuō)明這塊屏幕每寸有440個(gè) 像素。
5英寸1080×1920的屏幕密度是440,而相同分辨率的4.5英寸屏幕密度是490。如此看來(lái),屏幕密度將會(huì)出現(xiàn)很多數(shù)值,呈現(xiàn)嚴(yán)重的碎片 化。而密度又是安卓屏幕將界面進(jìn)行縮放顯示的依據(jù),那么安卓是如何適配這么多屏幕的呢?
每部安卓手機(jī)屏幕都有一個(gè)初始的固定密度,這些數(shù)值是120、160、240、320、480,我們權(quán)且稱(chēng)為“系統(tǒng)密度”。
記住知識(shí)點(diǎn):安卓對(duì)界面元素進(jìn)行縮放的比例依據(jù)正是系統(tǒng)密度,而不是實(shí)際密度。
第四:重要的單位dp和sp
dp也可寫(xiě)為dip,即density-independent pixel。
安卓手機(jī)界面的文字尺寸使用sp,即scale-independentpixel的縮寫(xiě),這樣,當(dāng)你在系統(tǒng)設(shè)置里調(diào)節(jié)字號(hào)大小時(shí),應(yīng)用中的文字也會(huì)隨之變大變小。
APP設(shè)計(jì)師是在標(biāo)注的時(shí)候就會(huì)用到 sp的單位。
下面就是Android L界面設(shè)計(jì)常用字體邊距規(guī)格對(duì)照表
擴(kuò)展閱讀:Android APPUI設(shè)計(jì)師必知:pt sp dp之間的關(guān)系和Andriod界面設(shè)計(jì)的分辨率和尺寸適配全攻略
第五:建議在xdhpi中作圖(設(shè)計(jì)尺寸:720*1280px)
安卓手機(jī)有這么多屏幕,沒(méi)必要為不同密度的手機(jī)都提供一套UI設(shè)計(jì)素材,一般設(shè)計(jì)一套安卓界面設(shè)計(jì)尺寸就夠了。
如今安卓手機(jī)比較高的分辨率是1080×1920,你可以選擇這個(gè)尺寸作圖,但是圖片素材將會(huì)增大應(yīng)用安裝包的大小。并且尺寸越大的圖片占用的內(nèi)存也就 越高。如果你不是設(shè)計(jì)ROM,而是做一款安卓應(yīng)用。
25學(xué)堂小編建議大家用PS在720×1280的畫(huà)布中作圖。這個(gè)尺寸兼顧了美觀(guān)性、經(jīng)濟(jì)性和計(jì)算的簡(jiǎn)單。美觀(guān)性是 指,以這個(gè)尺寸做出來(lái)的應(yīng)用,在720×1280中顯示完美,在1080×1920中看起來(lái)也比較清晰;
經(jīng)濟(jì)性是指,這個(gè)分辨率下導(dǎo)出的圖片尺寸適中,內(nèi) 存消耗不會(huì)過(guò)高,并且圖片文件大小適中,安裝包也不會(huì)過(guò)大;計(jì)算的簡(jiǎn)單,就是1dp=2px啊,同時(shí)也方便計(jì)算標(biāo)注!
做出來(lái)的圖片,記著讓界面工程師放進(jìn)drawable-xhdpi的資源文件夾中。
擴(kuò)展閱讀:APP設(shè)計(jì)常識(shí)解讀:android界面適配的機(jī)制
在720×1280中作圖,要考慮向下兼容不同的屏幕。通過(guò)計(jì)算我們可以知道,320×480和480×800的屏幕寬度都是320dp,而 720×1280和1080×1920的屏幕寬度都是360dp。它們之間有40dp的差距,這40dp在設(shè)計(jì)中影響還是很大的。
如下圖蝴蝶圖片距離屏幕 的左右邊距在320dp寬的屏幕和360dp寬的屏幕中就不一樣。
以上五點(diǎn)就是APP設(shè)計(jì)師在進(jìn)行安卓界面設(shè)計(jì)的時(shí)候,務(wù)必要看的小抄本!也是APP設(shè)計(jì)師回顧和提升自己安卓界面設(shè)計(jì)能力的基礎(chǔ)知識(shí)。
希望大家好好的收藏和閱讀。
全站高品質(zhì)素材免費(fèi)下載!