UI设计尺寸规范_最新最全UI设计规范标准

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

UI设计规范:IOS、Android系统主流尺寸整理iPhone界面尺寸

设备分辨率PPI状态栏高度导航栏高度标签栏高度

1242×2208px401PPI60px132px146pxiPhone6P、6SP、7P

750×1334px326PPI40px88px98pxiPhone6-6S-7

640×1136px326PPI40px88px98pxiPhone5-5C-5S

640×960px326PPI40px88px98pxiPhone4-4S

320×480px163PPI20px44px49px iPhone&iPodTouch

第一代、第二代、第三代

word完美格式

iPhone图标尺寸:

设备AppStore程序应用主屏幕Spotlight搜索标签栏工具栏和导航栏

iPhone6P-6SP-

1024×1024180×180114×11487×8775×75 7(@3×)pxpxpxpxpx66×66px

1024×1024120×120114×11458×5875×75 iPhone6-6S-7(@2×)

pxpxpxpxpx44×44px

iPhone5-5C-

1024×1024120×120114×11458×5875×75 5S(@2×)pxpxpxpxpx44×44px

1024×1024120×120114×11458×5875×75 iPhone4-4S(@2×)pxpxpxpxpx44×44px

1024×1024120×12057×5729×2938×38iPhone&iPodTouch第一pxpxpxpxpx30×30px代、第二代、第三代

word完美格式

iPad的设计尺寸

设备尺寸分辨率状态栏高度导航栏高度标签栏高度

2048×1536px264PPI40px88px98pxiPad3-4-5-6–

Air-Air2-mini2

1024×768px132PPI20px44px49px iPad1-2

1024×768px163PPI20px44px49px iPadMini

iPad图标尺寸:

设备AppStore程序应用主屏幕Spotlight搜索标签栏工具栏\

导航栏

iPad3-4-5-6-Air- 1024×1024px

180×180

px

144×144

px

100×100

px

50×50

px

44×4

4

px

Air2-mini2

1024×1024px 90×90

px

72×72

px

50×50

px

25×25

px

22×2

2

px

word完美格式

iPad1-2

1024×1024px 90×90

px

72×72

px

50×50

px

25×25

px

22×2

2

px

iPadMini

AndroidSDK模拟机的尺寸

屏幕大小低密度(120)中等密度(160)高密度(240)超高密度(320)

小屏幕QVGA

(240×320)480×64

WQVGA400

(240×400)WQVGA432 (240×432)HVGA(320×480)

W VGA800

(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×11521920×1152

1920×1200

2048×153

6

2560×160

word完美格式

Android的图标尺寸

系统通知图标屏幕大小启动图标操作栏图标上下文图标(白色)最细笔画

320×480px48×48px32×32px16×16px24×24px不小于2px

480×800px

480×854px

72×72px48×48px24×24px36×36px不小于3px 540×960px

720×1280px48×48dp32×32dp16×16dp24×24dp不小于2dp

1080×1920px144×144px96×96px48×48px72×72px不小于6px

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

比率rate比率rate比率rate 名称分辨率(针对320px)(针对640px)(针对750px)

idpi

240×3200.750.3750.32

mdpi

320×48010.50.4267

hdpi

480×8001.50.750.64

xhdpi

720×12802.251.1251.042

xxhdpi

1080×19203.3751.68751.5

主流Android手机分辨率和尺寸

设备分辨率尺寸设备分辨率尺寸

word完美格式

相关文档
最新文档