安卓app界面設(shè)計(jì)規(guī)范

《安卓app界面設(shè)計(jì)規(guī)范》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、安卓app界面設(shè)計(jì)規(guī)范　　篇一：Android界面設(shè)計(jì)規(guī)范　　1、android分辨率　　Android的多分辨率，一向是設(shè)計(jì)師和開發(fā)者非常頭疼的事兒。盡管如此，對于多分辨造成的復(fù)雜問題，也是大家要優(yōu)先解決的。Android支持多種不同的dpi模式：ldpi、mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi　　注意，ppi、dpi是密度單位，不是度量單位：　　*ppi(pixelsperinch)：圖像分辨率（在圖像中，每英寸所包含的像素數(shù)目）*dpi(dotsperinch)：打印分辨率（每英寸所能打印的

2、點(diǎn)數(shù)，即打印精度）　　dpi主要應(yīng)用于輸出，重點(diǎn)是打印設(shè)備上；ppi對于設(shè)計(jì)師應(yīng)該比較熟悉，photoshop畫布的分辨率常設(shè)置為72像素/英寸，這個單位其實(shí)就是ppi。盡管概念不同，但是對于移動設(shè)備的顯示屏，可以看作ppi=dpi?！　pi的運(yùn)算方式是：PPI=√（長度像素數(shù)2+寬度像素數(shù)2）/屏幕對角線英寸數(shù)。即：長、寬各自平方之和的開方，再除以屏幕對角線的英寸數(shù)?！　∫詉phone5為例，其ppi=√（1136px2+640px2）/4in=326ppi（視網(wǎng)膜Retina屏）對于android手機(jī)，一個不確切

3、的分法是，720x1280的手機(jī)很可能接近320dpi（xhdpi模式），480x800的手機(jī)很可能接近240dpi（hdpi模式），而320x480的手機(jī)則很接近160dpi（mdpi模式）?！　碜杂衙酥笖?shù)XX年3月份的數(shù)據(jù)：　　480x800的手機(jī)占比最高為%，720x1280的手機(jī)占比為%位居第二，而240x320的手機(jī)占比最少為%。xxdhpi模式的高分辨率1080x1920手機(jī)占比也越來越高，目前為%。　　2、單位換算方法　　android開發(fā)中，文字大小的單位是sp，非文字的尺寸單位用dp，但是我們在設(shè)計(jì)

4、稿用的單位是px。這些單位如何換算，是設(shè)計(jì)師、開發(fā)者需要了解的關(guān)鍵。　　*dp：Density-independentpixels，以160PPI屏幕為標(biāo)準(zhǔn)，則1dp=1px。dp和px的換算公式：dp*ppi/160=px。對于320ppi的屏幕，1dpx320ppi/160=2px。　　*sp：Scale-independentpixels，它是安卓的字體單位，以160PPI屏幕為標(biāo)準(zhǔn)，當(dāng)字體大小為100%時，1sp=1px。sp與px的換算公式：sp*ppi/160=px。對于320ppi的屏幕，1spx320p

5、pi/160=2px?！　『唵卫斫獾脑?，px（像素）是我們UI設(shè)計(jì)師在PS里使用的，同時也是手機(jī)屏幕上所顯示的，dp是開發(fā)寫layout的時候使用的尺寸單位?！　槭裁匆裺p和dp代替px？原因是他們不會因?yàn)閜pi的變化而變化，在相同物理尺寸和不同ppi下，他們呈現(xiàn)的高度大小是相同。也就是說更接近物理呈現(xiàn)，而px則不行?！　「鶕?jù)單位換算方法，可總結(jié)出：　　當(dāng)運(yùn)行在mdpi下時，1dp=1px：也就是說設(shè)計(jì)師在PS里定義一個item高48px，開發(fā)就會定義該item高48dp；　　當(dāng)運(yùn)行在hdpi模式下時，1dp=：也

6、就是說設(shè)計(jì)師在PS里定義一個item高72px，開發(fā)就會定義該item高48dp；　　當(dāng)運(yùn)行在xhdpi模式下時，1dp=2px：也就是說設(shè)計(jì)師在PS里定義一個item高96px，開發(fā)就會定義該item高48dp；　　當(dāng)你的app需要適配多個dpi模式的時候，請參考圖1的比例進(jìn)行換算?！　?、設(shè)計(jì)稿基本元素的尺寸設(shè)置　　為了適應(yīng)多分辨率的手機(jī)，理想的方式是為每種分辨率做一套設(shè)計(jì)稿，包括所用到的icon、設(shè)計(jì)稿標(biāo)注等。但在實(shí)際開發(fā)中，這種方法耗時耗力。所以通常會選擇折中的方法?！　》椒ㄒ唬涸跇?biāo)準(zhǔn)基礎(chǔ)上（比如xhdpi）開

7、始，然后放大或縮小，以適應(yīng)到其他尺寸。不足之處是，對于更高分辨率的手機(jī)，圖標(biāo)被放大后會導(dǎo)致質(zhì)量不高?！　》椒ǘ阂宰罡叻直媛蕿榛鶞?zhǔn)設(shè)計(jì)，然后縮小適應(yīng)到所需的小分辨率上。缺點(diǎn)是，圖標(biāo)等若都最大尺寸，加載時速度慢且耗費(fèi)流量較多，對于小分辨率的用戶也不夠好。　　結(jié)合友盟的分辨率占比數(shù)據(jù)、也為了方便換算到android開發(fā)中的尺寸單位，推薦設(shè)計(jì)稿的畫布尺寸選用720X1280，分辨率仍舊為72ppi（像素/英寸）?！　≡赼ndroid規(guī)范中對于導(dǎo)航欄、工具欄等的尺寸沒有明確的規(guī)定。但根據(jù)48dp原則，以及一些主流的androi

8、d應(yīng)用的截圖分析，總結(jié)一下尺寸要求：　　狀態(tài)欄高度：50px　　導(dǎo)航欄、操作欄高度：96px=48dpx2　　主菜單欄高度：　　96px　　內(nèi)容區(qū)域高度：1038px（1280-50-96-96=1038）　　Android最近出的手機(jī)都幾乎去掉了實(shí)體鍵，把功能鍵移到了屏幕中，高度也和菜單欄一樣為：96px　　4、圖標(biāo)和字體大小（