基本概念

Android?常見參數(shù)

屏幕尺寸：分為四個廣義的大?。盒?，正常，大，特大。

屏幕密度：分為了四個廣義的大小：低（120dpi）、中（160dpi）、高（240dpi）和超高（320dpi）

像素= DP *?（?DPI / 160 )?例如，在一個240dpi?的屏幕里，1DP?等于1.5PX。

layout-small(屏幕尺寸小于3英寸左右的布局），
layout-normal(屏幕尺寸小于4.5英寸左右），
layout-large(4英寸-7英寸之間），
layout-xlarge(7-10英寸之間）

典型設(shè)計尺寸

??320dp：一個普通的手機屏幕（240X320，320×480，480X800）

??480dp：一個中間平板電腦像（480×800）

??600dp：7?寸平板電腦（600×1024）

??720dp：10?寸平板電腦（720×1280，800×1280）

元素尺寸：推薦設(shè)計稿的畫布尺寸選用?720X1280?，分辨率仍舊為72ppi（素/英寸）

在android?規(guī)范中對于導(dǎo)航欄、工具欄等的尺寸沒有明確的規(guī)定。但根據(jù)48dp?原則，以及一些主流的android?應(yīng)用的截圖分析，

?

總結(jié)一下尺寸要求：狀態(tài)欄高度：50 px?導(dǎo)航欄、操作欄高度：96px=48dp x 2?主菜單欄高度：96 px

內(nèi)容區(qū)域高度：1038 px（1280-50-96-96=1038）

IOS常見參數(shù)

屏幕尺寸：

iPhone?界面尺寸：320×480、640×960、640×1136 ????

iPad?界面尺寸：1024×768、2048×1536

（以上單位都是像素，至于分辨率一般網(wǎng)頁UI?和移動UI?基本上都只要?72 ppi）

元素的尺寸：

iPhone?的APP?界面一般由四個元素組成，分別是：狀態(tài)欄、導(dǎo)航欄、主菜單欄以及中間的內(nèi)容區(qū)域。

640×960?的尺寸設(shè)計中元素尺寸：

狀態(tài)欄：就是我們經(jīng)常說的信號、運營商、電量等顯示手機狀態(tài)的區(qū)域，其高度為：40 px

導(dǎo)航欄：顯示當(dāng)前界面的名稱，包含相應(yīng)的功能或者頁面間跳轉(zhuǎn)的按鈕，其高度為：88 px

主菜單欄：類似于頁面的主菜單，提供整個應(yīng)用的分類內(nèi)容的快速跳轉(zhuǎn)，其高度為：98 px

內(nèi)容區(qū)域：展示應(yīng)用提供的相應(yīng)內(nèi)容，整個應(yīng)用中布局變更最為頻繁的，其高度為：734 px=960-40-88-98

以上尺寸適用于?iPhone4、4S，iPhone5/5s?的?640×11136?的尺寸，

其實就是中間的內(nèi)容區(qū)域高度增加到：910 px，其他尺寸也同上。

web設(shè)計界面尺寸建議

對大于30W臺客戶端用戶進行測試，得到的測試數(shù)據(jù)如下（數(shù)據(jù)來源于網(wǎng)絡(luò)）：

Web端：安全分辨率為1024 X 768 px 可建議大分辨率為1280 X 800 px

在Window XP常見分辨率1024×768下我們除掉任務(wù)欄，瀏覽器菜單欄以及狀態(tài)欄后剩下的網(wǎng)頁首屏高度平均值是584。

在Window 7常見分辨率1440×900下我們除掉任務(wù)欄，瀏覽器菜單欄以及狀態(tài)欄后剩下的網(wǎng)頁首屏高度平均值是716。

?于設(shè)計來說，選取一個合適的尺寸作為正常大小和中等屏幕密度（尺寸的選取依據(jù)打算適配的硬件，建議參考現(xiàn)主流硬件分辨率），然后向下和向上做小、大、特大和低、高、超高的尺寸與密度。