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
|
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