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 ldpi
ICON 72*72 48*48 36*36
Notification图标 48*48 32*32 24*24
标签Tab图标 48*48 32*32 24*24

转载于:https://www.cnblogs.com/HeroLe/p/3715922.html