iPhone、iPad、Android UI經常使用設計尺寸

iPhone：

-----------------------------------------------------------------

APPLE APP STORE ICON:512 x 512 PX
iPhone 4 App Icon：114 x 114 PX
iPhone 3GS App Icon：57 x 57 PX
iPhone 5 326ppi 4英寸 1136*640PX
iPhone 4 App UI：960 x 640PX （設計時,高度還須要減去狀態欄40PX）
iPhone 3GS App UI：480x 320PX

 

 

描述

iPhone & iPod (px)

163ppi

高清屏iPhone4 (px)

326ppi

iPad (px)

132ppi

高清屏iPad (px)

264ppi

桌面程序圖標

57 x 57

114 x 114

72 x 72

144 x 144

AppStore圖標

512 x 512

1024 x 1024

512 x 512

1024 x 1024

啓動畫面

320 x 480

640 x 960

768 x 1004 (豎)

1024 x 748 (橫)

1536 x 2008 （豎)

2048 x 1496 (橫)

設計與Spotlight搜索(推薦擁有)

29 x 29

58 x 58

50 x 50(Spotlight搜索結果)

29 x 29 (設置)

100 x 100(Spotlight搜索結果)

58 x 58 (設置)

文檔圖標(自定義文檔類型時用)

22 x 29

44 x 58

64 x 64

320 x 320

128 x 128

640 x 640

網頁桌面快捷方式 (推薦全部網站使用)

57 x 57

114 x 114

72 x 72

144 x 144

工具欄與導航欄圖標(可選)

約20 x 20

約40 x 40

約20 x 20

約40 x 40

選項卡圖標(可選)

約30 x 30

約60 x 60

約30 x 30

約60 x 60

AppStore中默認報攤封面圖標

長邊至少512 px

長邊至少1024 px

長邊至少512 px

長邊至少1024 px

 

 

關於iphone設計的官方指導：
http://developer.apple.com/library/iOS/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html

 

iPad：
-----------------------------------------------------------------
iPad 3：2048 x 1536PX (2倍於iPad2)
iPad 2：1024 x 768PX

Android：
-----------------------------------------------------------------
設計經常使用術語：

 

經常使用術語

說明

備註

Screen size（屏幕尺寸)

指的是手機實際的物理尺寸，即屏幕的對角線長度，好比經常使用的3.5英寸，3.7英寸

摩托羅拉milestone手機是3.7英寸

Aspect Ratio(長寬比率)

指的是實際的物理尺寸長寬比率,分爲long和nolong

Milestone是16：9,屬於long

Resolution(分辨率)

和電腦的分辨率概念同樣，指手機屏幕縱、橫方向像素個數

Milestone是854*480

DPI(dot per inch)

每英寸像素數，如120dpi,160dpi等,假設QVGA(320*240)分辨率的屏幕物理尺寸是（2英寸*1.5英寸），dpi=160；

在 DPI爲 240的屏幕上， 1個 DIP等於 1.5個物理像素

能夠反映屏幕的清晰度，用於縮放UI的

Density(密度)

屏幕裏像素值濃度，resolution/Screen size能夠反映出手機密度

 

Density-independent pixel (dip)

指的是邏輯密度計算單位,dip和具體像素值的對應公式是dip/pixel=dpi值/160

 

 

 

 

屏幕分辨率範圍 ：

屏幕

低密度（ 120）， ldpi

中密度（ 160）， mdpi

高密度（ 240）， hdpi

小屏幕

QVGA（240×320）

2.6～ 3.0寸

 

 

普通屏幕

WQVG（240×400）， 3.2～ 3.5寸；

FWQV（240×432）， 3.5～ 3.8寸

HVGA（320× 480）3.0～ 3.5寸

WVGA（480× 800）3.3～ 4.0寸 ；

FWVGA（480×854） 3.5～ 4.0寸

大屏幕

 

WVGA（480× 800）4.8～ 5.5寸；

FWVG（480×854） 5.0～ 5.8寸

 

 

 

Android中圖標尺寸：
AndroidManifest.xml中指定圖標，名字不必定非叫icon
<application android:icon="@drawable/icon" android:label="@string/app_name">) I9 X" B! K1 C) B1 r& ?) W& T* o
2.0之後有三種尺寸，分別爲36*36/48*48/72*72( n, F; H) x1 R) [! O
你會看到drawable-hdpi/drawable-ldpi/drawable-mdpi不一樣的目錄用來存儲不一樣尺寸的圖標，在AndroidManifest.xml中只須要寫@drawable/icon就能夠，它會根據屏幕分辨率去找不一樣目錄下的圖標

類型 hdpi mdpi ldpiICON 72*72 48*48 36*36Notification圖標 48*48 32*32 24*24標籤Tab圖標 48*48 32*32 24*24