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 (竖)
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设计的官方指导:
/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
如果觉得《iPhone iPad Android UI常用设计尺寸》对你有帮助,请点赞、收藏,并留下你的观点哦!