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

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

1、app界面設(shè)計(jì)規(guī)范　　篇一：移動app界面設(shè)計(jì)規(guī)范色彩篇　　移動app界面設(shè)計(jì)規(guī)范——色彩篇　　色彩在我們的APP界面設(shè)計(jì)中，是一個很讓人頭疼的事情。無論是APPUI設(shè)計(jì)大神還是APP設(shè)計(jì)新手，都是需要制定一套屬于自己的配色方案或配色計(jì)劃色彩，從當(dāng)代建筑、路標(biāo)、人行橫道以及運(yùn)動場館中獲取靈感，由此引發(fā)出大膽的顏色表達(dá)激活了色彩，與單調(diào)乏味的周邊環(huán)境形成鮮明的對比。強(qiáng)調(diào)大膽的陰影和高光。引出意想不到且充滿活力的顏色?！　≌{(diào)色板　　調(diào)色板以一些基礎(chǔ)色為基準(zhǔn)，通過填充光譜來為Android、Web和iOS環(huán)境提供一套完整可用的顏色?；A(chǔ)色的飽和度是500?！　∑?/p>

2、二：安卓界面設(shè)計(jì)規(guī)范　　目前主流的安卓手機(jī)分辨率有以下3種：　　hdpi，對應(yīng)800*480的手機(jī)。主流機(jī)型，很多。如小米1，1s三星htc等xdpi，對應(yīng)1280*720的手機(jī)。三星Galaxy系列和華為p6.　　xxdpi，對應(yīng)1080*1920的手機(jī)。小米手機(jī)，華為榮耀手機(jī)系列為主加上htcone。　　下面是當(dāng)面流行的安卓手機(jī)的屏幕尺寸和分辨率：　　小米3和小米4屏幕尺寸和分辨率：5英寸1920×1080像素　　魅族MX2屏幕尺寸和分辨率：英寸1280×800像　　魅族MX3屏幕尺寸和分辨率：英寸1800×1080像素HTCone屏幕尺寸和分辨率：英

3、寸1920×1080像素　　華為榮耀6屏幕尺寸和分辨率：5英寸1920×1080像素　　華為p6屏幕尺寸和分辨率：英寸1280×720像素　　華為p7屏幕尺寸和分辨率：5英寸1920×1080像素　　什么是屏幕像素密度？　　屏幕像素密度，即每英寸屏幕所擁有的像素?cái)?shù)，英文簡稱PPI?！　≡谀壳拔覀兊陌沧緼PP設(shè)計(jì)項(xiàng)目當(dāng)中，我們并不會去為每一種分辨率去設(shè)計(jì)一套UI界面。這是一種追求完美和理想的狀態(tài)。小公司肯定是耗不起這樣的。所以，這個時候我們需要學(xué)會變通。為了適應(yīng)多分辨率，　　1：在標(biāo)準(zhǔn)基礎(chǔ)（xdpi：1280*720）上開始，然后放大或縮小，以適應(yīng)到其他尺寸

4、。　　2：從設(shè)備的最大尺寸（xxdpi：1920×1080）開始，然后縮小，并適應(yīng)到所需的最小屏幕尺寸?！　∮行r候我們也會在實(shí)際開發(fā)過程中，Android和IOS的設(shè)計(jì)稿若無太大差異，也可從IOS的分辨率（960*640）開始，再調(diào)整設(shè)計(jì)稿的比例，適應(yīng)其他分辨率。但是這種方法在切圖的時候需要做一些圖片的調(diào)整。如果不是矢量圖的元件需要重新按照1280*720的尺寸設(shè)計(jì)下。　　2、安卓app設(shè)計(jì)規(guī)范之字體和字體大小　　我們必須知道的安卓設(shè)計(jì)常識：安卓之后用的字體是Roboto。中文字體：方正蘭亭黑體　　今天跟大家講解的是在720*1280的基礎(chǔ)上的字體設(shè)計(jì)大

5、小。　　注釋最小字體：12sp==24px　　文本字體：14sp==28px　　文章標(biāo)題或圖標(biāo)名稱：16sp==32px　　導(dǎo)航標(biāo)題：18sp==36px　　一般android設(shè)置長度和寬度多用dip,設(shè)置字體大小多用sp.在屏幕密度為160，1dp=1px=1dip,1pt=160/72sp1pt=1/72英寸.當(dāng)屏幕密度為240時，1dp=1dip=　　安卓多分辨率解決方案　　Android的多分辨率，一向是設(shè)計(jì)師和開發(fā)者非常頭疼的事兒。盡管如此，對于多分辨造成的復(fù)雜問題，也是大家要優(yōu)先解決的。Android支持多種不同的dpi模式：ldpi、mdpi

6、、hdpi、xhdpi、xxhdpi、xxxhdpi　　注意，ppi、dpi是密度單位，不是度量單位：　　*ppi(pixelsperinch)：圖像分辨率（在圖像中，每英寸所包含的像素?cái)?shù)目）*dpi(dotsperinch)：打印分辨率（每英寸所能打印的點(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=√（長度像素?cái)?shù)2+寬度像素?cái)?shù)2）/屏幕對

7、角線英寸數(shù)。即：長、寬各自平方之和的開方，再除以屏幕對角線的英寸數(shù)?！　∫詉phone5為例，其ppi=√（1136px2+640px2）/4in=326ppi（視網(wǎng)膜Retina屏）對于android手機(jī)，一個不確切的分法是，720x1280的手機(jī)很可能接近320dpi（xhdpi模式），480x800的手機(jī)很可能接近240dpi（hdpi模式），而320x480的手機(jī)則很接近160dpi（mdpi模式）。　　來自友盟指數(shù)XX年3月份的數(shù)據(jù)（戳這里看最新數(shù)據(jù)）：　　480x800的手機(jī)占比最高為%，720x1280的手機(jī)占比為%位居第二，而240x320

8、的手機(jī)占比最少為%。xxdhpi模式的高分辨率1080x1920手