现在的位置: 首页iPhone开发 > 正文
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(长宽比率)

指的是实际的物理尺寸长宽比率,分为longnolong

Milestone169,属于long

Resolution(分辨率)

和电脑的分辨率概念一样,指手机屏幕纵、横方向像素个数

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

屏幕

QVGA240×320

2.6~ 3.0


 

普通屏幕

WQVG240×400),3.2~ 3.5寸;

FWQV240×432),3.5~ 3.8

HVGA320× 4803.03.5

WVGA480× 800)3.34.0寸 ;

FWVGA480×8543.5~ 4.0

屏幕


WVGA480× 8004.85.5寸;

FWVG(480×854) 5.05.8


 
Android中图标尺寸:
AndroidManifest.xml
中指定图标,名字不一定非叫icon
<application android:icon="@drawable/icon" android:label="@string/app_name">
)

2.0
以后有三种尺寸,分别为36*36/48*48/72*72(
你会看到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
相关文章
    暂无相关文章
本文由 jack 发布于 2044天 13小时 0分钟前,目前已有 8822 人浏览
欢迎大家转载分享,请注明来源及链接;商业媒体转载请获得授权,谢谢合作!
 

添加评论