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 |
http://developer.apple.com/library/iOS/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html
-----------------------------------------------------------------
iPad
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寸 | |
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.
ICON 72*72 48*48 36*36
Notification图标 48*48 32*32 24*24
标签Tab图标 48*48 32*32 24*24
-----------------------------------------------------------------