首页 UI设计尺寸规范UI设计规范

UI设计尺寸规范UI设计规范

举报
开通vip

UI设计尺寸规范UI设计规范UI设计规范:IOS、Android系统主流尺寸整理iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6P、6SP、7P 1242×2208px 401PPI 60px 132px 146px iPhone6-6S-7 750×1334px 326PPI 40px 88px 98px iPhone5-5C-5S 640×1136px 326PPI 40px 88px 98px iPhone4-4S 640×960px 326...

UI设计尺寸规范UI设计规范
UI设计规范:IOS、Android系统主流尺寸整理iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6P、6SP、7P 1242×2208px 401PPI 60px 132px 146px iPhone6-6S-7 750×1334px 326PPI 40px 88px 98px iPhone5-5C-5S 640×1136px 326PPI 40px 88px 98px iPhone4-4S 640×960px 326PPI 40px 88px 98px iPhone&iPodTouch第一代、第二代、第三代 320×480px 163PPI 20px 44px 49pxiPhone图标尺寸: 设备 AppStore 程序应用 主屏幕 Spotlight搜索 标签栏 工具栏和导航栏 iPhone6P-6SP-7(@3×) 1024×1024px 180×180px 114×114px 87×87px 75×75px 66×66px iPhone6-6S-7?(@2×) 1024×1024px 120×120px 114×114px 58×58px 75×75px 44×44px iPhone5-5C-5S?(@2×) 1024×1024px 120×120px 114×114px 58×58px 75×75px 44×44px iPhone4-4S?(@2×) 1024×1024px 120×120px 114×114px 58×58px 75×75px 44×44px iPhone&iPodTouch第一代、第二代、第三代 1024×1024px 120×120px 57×57px 29×29px 38×38px 30×30pxiPad的设计尺寸 设备 尺寸 分辨率 状态栏高度 导航栏高度 标签栏高度 iPad3-4-5-6–Air-Air2-mini2 2048×1536px 264PPI 40px 88px 98px iPad1-2 1024×768px 132PPI 20px 44px 49px iPadMini 1024×768px 163PPI 20px 44px 49pxiPad图标尺寸: 设备 AppStore 程序应用 主屏幕 Spotlight搜索 标签栏 工具栏\导航栏 iPad3-4-5-6-Air-Air2-mini2 1024×1024px 180×180px 144×144px 100×100px 50×50px 44×44px iPad1-2 1024×1024px 90×90px 72×72px 50×50px 25×25px 22×22px iPadMini 1024×1024px 90×90px 72×72px 50×50px 25×25px 22×22pxAndroidSDK模拟机的尺寸 屏幕大小 低密度(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×7681280×768WXGA(1280×800) 1536×11521920×11521920×1200 2048×15362560×1600Android的图标尺寸 屏幕大小 启动图标 操作栏图标 上下文图标 系统通知图标(白色) 最细笔画 320×480px 48×48px 32×32px 16×16px 24×24px 不小于2px 480×800px480×854px540×960px 72×72px 48×48px 24×24px 36×36px 不小于3px 720×1280px 48×48dp 32×32dp 16×16dp 24×24dp 不小于2dp 1080×1920px 144×144px 96×96px 48×48px 72×72px 不小于6pxAndroid安卓系统dp/sp/px换算表 名称 分辨率 比率rate(针对320px) 比率rate(针对640px) 比率rate(针对750px) idpi 240×320 mdpi 320×480 1 hdpi 480×800 xhdpi 720×1280 xxhdpi 1080×1920 主流Android手机分辨率和尺寸 设备 分辨率 尺寸 设备 分辨率 尺寸 魅族MX2 英寸 800×1280px 魅族MX3 英寸 1080×1280px 魅族MX4 英寸 1152×1920px 魅族MX4Pro未上市 英寸 1536×2560px 三星GALAXYNote4 英寸 1440×2560px 三星GALAXYNote3 英寸 1080×1920px 三星GALAXYS5 英寸 1080×1920px 三星GALAXYNoteII 英寸 720×1280px 索尼XperiaZ3 英寸 1080×1920px 索尼XL39h 英寸 1080×1920px HTCDesire820 英寸 720×1280px HTCOneM8 英寸 1080×1920px OPPOFind7 英寸 1440×2560px OPPON1 英寸 1080×1920px OPPOR3 5英寸 720×1280px OPPON1Mini 5英寸 720×1280px 小米M4 5英寸 1080×1920px 小米红米Note 英寸 720×1280px 小米M3 5英寸 1080×1920px 小米红米1S 英寸 720×1280px 小米M3S 5英寸 1080×1920px 小米M2S 英寸 720×1280px 华为荣耀6 5英寸 1080×1920px 锤子T1 英寸 1080×1920px LGG3 英寸 1440×2560px OnePlusOne 英寸 1080×1920px主流浏览器的界面参数与份额 浏览器 状态栏 菜单栏 滚动条 市场份额(国内浮动) Chrome浏览器 22px(浮动出现) 60px 15px % 火狐浏览器 20px 132px 15px 1% IE浏览器 24px 120px 15px 34% 360浏览器 24px 140px 15px 28% 遨游浏览器 24px 147px 15px 1% 搜狗浏览器 25px 163px 15px %系统分辨率统计 分辨率 占有率 分辨率 占有率 1920×1080 % 1366×768 % 360×640 % 1440×900 % 720×1280 % 1024×768 % 320×568 % 1600×900 % 1080×1920 % 375×667 %
本文档为【UI设计尺寸规范UI设计规范】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
个人认证用户
兰兰
喜欢阅读
格式:doc
大小:215KB
软件:Word
页数:0
分类:企业经营
上传时间:2020-10-04
浏览量:1