0
点赞
收藏
分享

微信扫一扫

iPhone/iPad/Android UI尺寸规范

夕颜合欢落 2022-03-11 阅读 83


iPhone界面尺寸

设备

分辨率

PPI

状态栏高度

导航栏高度

标签栏高度


iPhone/iPad/Android UI尺寸规范_android

iPhone6 plus设计版


1242×2208 px

401PPI

60px

132px

146px


iPhone/iPad/Android UI尺寸规范_android

iPhone6 plus放大版


1125×2001 px

401PPI

54px

132px

146px


iPhone/iPad/Android UI尺寸规范_android

iPhone6 plus物理版


1080×1920 px

401PPI

54px

132px

146px


iPhone/iPad/Android UI尺寸规范_android_04

iPhone6


750×1334 px

326PPI

40px

88px

98px


iPhone/iPad/Android UI尺寸规范_android_05

iPhone5 - 5C - 5S


640×1136 px

326PPI

40px

88px

98px


iPhone/iPad/Android UI尺寸规范_iphone_06

iPhone4 - 4S


640×960 px

326PPI

40px

88px

98px


iPhone/iPad/Android UI尺寸规范_ipad_07

iPhone & iPod Touch第一代、第二代、第三代


320×480 px

163PPI

20px

44px

49px

iPhone/iPad/Android UI尺寸规范_导航栏_08


iPhone图标尺寸:

设备

App Store

程序应用

主屏幕

Spotlight搜索

标签栏

工具栏和导航栏


iPhone/iPad/Android UI尺寸规范_android

iPhone6 Plus ​(@3×)


1024×1024 px

180×180 px

114×114 px

87×87 px

75×75 px

66×66 px


iPhone/iPad/Android UI尺寸规范_android_04

iPhone6 ​(@2×)


1024×1024 px

120×120 px

114×114 px

58×58 px

75×75 px

44×44 px


iPhone/iPad/Android UI尺寸规范_android_05

iPhone5 - 5C - 5S ​(@2×)


1024×1024 px

120×120 px

114×114 px

58×58 px

75×75 px

44×44 px


iPhone/iPad/Android UI尺寸规范_iphone_06

iPhone4 - 4S ​(@2×)


1024×1024 px

120×120 px

114×114 px

58×58 px

75×75 px

44×44 px


iPhone/iPad/Android UI尺寸规范_ipad_07

iPhone & iPod Touch第一代、第二代、第三代


1024×1024 px

120×120 px

57×57 px

29×29 px

38×38 px

30×30 px


iPhone/iPad/Android UI尺寸规范_导航栏_14

iPad的设计尺寸

设备

尺寸

分辨率

状态栏高度

导航栏高度

标签栏高度


iPhone/iPad/Android UI尺寸规范_android_15

iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2


2048×1536 px

264PPI

40px

88px

98px


iPhone/iPad/Android UI尺寸规范_android_15

iPad 1 - 2


1024×768 px

132PPI

20px

44px

49px


iPhone/iPad/Android UI尺寸规范_android_15

iPad Mini


1024×768 px

163PPI

20px

44px

49px

iPhone/iPad/Android UI尺寸规范_android_18

iPad图标尺寸:

设备

App Store

程序应用

主屏幕

Spotlight搜索

标签栏

工具栏和导航栏


iPhone/iPad/Android UI尺寸规范_android_15

iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2


1024×1024 px

180×180 px

144×144 px

100×100 px

50×50 px

44×44 px


iPhone/iPad/Android UI尺寸规范_android_15

iPad 1 - 2


1024×1024 px

90×90 px

72×72 px

50×50 px

25×25 px

22×22 px


iPhone/iPad/Android UI尺寸规范_android_15

iPad Mini


1024×1024 px

90×90 px

72×72 px

50×50 px

25×25 px

22×22 px

iPhone/iPad/Android UI尺寸规范_iphone_22

Android SDK模拟机的尺寸

屏幕大小

低密度(120)

中等密度(160)

高密度(240)

超高密度(320)


小屏幕


  QVGA(240×320)

     480×640


普通屏幕


WQVGA400(240×400) WQVGA432(240×432)

  HVGA(320×480)

WVGA800(480×800) WVGA854(480×854) 600×1024

  640×960


大屏幕


WVGA800 *(480×800) WVGA854 *(480×854)

WVGA800 *(480×800) WVGA854 *(480×854) 600x1024


超大屏幕


   1024×600

1024×768 1280×768WXGA(1280×800)

1536×1152 1920×1152 1920×1200

2048×1536 2560×1600

Android的图标尺寸

屏幕大小

启动图标

操作栏图标

上下文图标

系统通知图标(白色)

最细笔画


320×480 px


48×48 px

32×32 px

16×16 px

24×24 px

不小于2 px


480×800px 480×854px 540×960px


72×72 px

48×48 px

24×24 px

36×36 px

不小于3 px


720×1280 px


48×48 dp

32×32 dp

16×16 dp

24×24 dp

不小于2 dp


1080×1920 px


144×144 px

96×96 px

48×48 px

72×72 px

不小于6 px

Android安卓系统dp/sp/px换算表

名称

分辨率

比率 rate (针对320px)

比率 rate (针对640px)

比率 rate (针对750px)


idpi


240×320

0.75

0.375

0.32


mdpi


320×480

1

0.5

0.4267


hdpi


480×800

1.5

0.75

0.64


xhdpi


720×1280

2.25

1.125

1.042


xxhdpi


1080×1920

3.375

1.6875

1.5

主流Android手机分辨率和尺寸

设备

分辨率

尺寸

设备

分辨率

尺寸


iPhone/iPad/Android UI尺寸规范_iphone_23

魅族MX2


4.4英寸

800×1280 px


iPhone/iPad/Android UI尺寸规范_android_24

魅族MX3


5.1英寸

1080×1280 px


iPhone/iPad/Android UI尺寸规范_ipad_25

魅族MX4


5.36英寸

1152×1920 px


iPhone/iPad/Android UI尺寸规范_android_26

魅族MX4 Pro​未上市


5.5英寸

1536×2560 px


iPhone/iPad/Android UI尺寸规范_android_27

三星GALAXY Note 4


5.7英寸

1440×2560 px


iPhone/iPad/Android UI尺寸规范_导航栏_28

三星GALAXY Note 3


5.7英寸

1080×1920 px


iPhone/iPad/Android UI尺寸规范_ipad_29

三星GALAXY S5


5.1英寸

1080×1920 px


iPhone/iPad/Android UI尺寸规范_导航栏_30

三星GALAXY Note II


5.5英寸

720×1280 px


iPhone/iPad/Android UI尺寸规范_iphone_31

索尼Xperia Z3


5.2英寸

1080×1920 px


iPhone/iPad/Android UI尺寸规范_ipad_32

索尼XL39h


6.44英寸

1080×1920 px


iPhone/iPad/Android UI尺寸规范_ipad_33

HTC Desire 820


5.5英寸

720×1280 px


iPhone/iPad/Android UI尺寸规范_ipad_34

HTC One M8


4.7英寸

1080×1920 px


iPhone/iPad/Android UI尺寸规范_android_35

OPPO Find 7


5.5英寸

1440×2560 px


iPhone/iPad/Android UI尺寸规范_ipad_36

OPPO N1


5.9英寸

1080×1920 px


iPhone/iPad/Android UI尺寸规范_导航栏_37

OPPO R3


5英寸

720×1280 px


iPhone/iPad/Android UI尺寸规范_ipad_38

OPPO N1 Mini


5英寸

720×1280 px


iPhone/iPad/Android UI尺寸规范_android_39

小米M4


5英寸

1080×1920 px


iPhone/iPad/Android UI尺寸规范_android_40

小米红米Note


5.5英寸

720×1280 px


iPhone/iPad/Android UI尺寸规范_ipad_41

小米M3


5英寸

1080×1920 px


iPhone/iPad/Android UI尺寸规范_iphone_42

小米红米1S


4.7英寸

720×1280 px


iPhone/iPad/Android UI尺寸规范_iphone_43

小米M3S​未上市


5英寸

1080×1920 px


iPhone/iPad/Android UI尺寸规范_android_44

小米M2S


4.3英寸

720×1280 px


iPhone/iPad/Android UI尺寸规范_ipad_45

华为荣耀6


5英寸

1080×1920 px


iPhone/iPad/Android UI尺寸规范_iphone_46

锤子T1


4.95英寸

1080×1920 px


iPhone/iPad/Android UI尺寸规范_iphone_47

LG G3


5.5英寸

1440×2560 px


iPhone/iPad/Android UI尺寸规范_iphone_48

OnePlus One


5.5英寸

1080×1920 px

主流浏览器的界面参数与份额

浏览器

状态栏

菜单栏

滚动条

市场份额(国内)


iPhone/iPad/Android UI尺寸规范_android_49

Chrome 浏览器


22 px(浮动出现)

60 px

15 px

8%


iPhone/iPad/Android UI尺寸规范_android_50

火狐浏览器


20 px

132 px

15 px

1%


iPhone/iPad/Android UI尺寸规范_android_51

IE浏览器


24 px

120 px

15 px

35%


iPhone/iPad/Android UI尺寸规范_ipad_52

360 浏览器


24 px

140 px

15 px

28%


iPhone/iPad/Android UI尺寸规范_ipad_53

遨游浏览器


24 px

147 px

15 px

1%


iPhone/iPad/Android UI尺寸规范_导航栏_54

搜狗浏览器


25 px

163 px

15 px

5%

系统分辨率统计

分辨率

占有率

分辨率

占有率


1366×768


15%


1440×900


13%


1920×1080


11%


1600×900


5%


1280×800


4%


1280×1024


3%


1680×1050


2.8%


320×480


2.4%


480×800


2%


1280×768


1%


举报

相关推荐

0 条评论