UI设计尺寸规范-最新最全UI设计规范.doc

该【UI设计尺寸规范-最新最全UI设计规范 】是由【泰山小桥流水】上传分享，文档一共【8】页，该文档可以免费在线阅读，需要了解更多关于【UI设计尺寸规范-最新最全UI设计规范 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。.UI设计规范:IOS、Android系统主流尺寸整理iPhone界面尺寸设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度1242×2208px 401PPI 60px 132px 146pxiPhone6P、6SP、7P750×1334px 326PPI 40px 88px 98pxiPhone6-6S-7640×1136px 326PPI 40px 88px 98pxiPhone5-5C-5SiPhone4-4SiPhone&iPodTouch第一代、第二代、第三代640×960px 326PPI 40px 88px 98px320×480px 163PPI 20px 44px 49px...iPhone图标尺寸:设备 AppStore 程序应用 主屏幕 Spotlight搜索 标签栏 工具栏和导航栏iPhone6P-6SP-7(***@3×)1024×1024180×180114×11475×75pxpxpx87×87pxpx66×66pxiPhone6-6S-7(***@2×)1024×1024120×120114×11475×75pxpxpx58×58pxpx44×44pxiPhone5-5C-5S(***@2×)1024×1024120×120114×11475×75pxpxpx58×58pxpx44×44pxiPhone4-4S(***@2×)1024×1024120×120114×11475×75pxpxpx58×58pxpx44×44pxiPhone&iPodTouch 第一代、第二代、第三代1024×1024120×12038×38pxpx57×57px29×29pxpx30×30px...iPad的设计尺寸设备 尺寸 分辨率 状态栏高度 导航栏高度 标签栏高度2048×1536px 264PPI 40px 88px 98pxiPad3-4-5-6–Air-Air2-mini21024×768px 132PPI 20px 44px 49pxiPad1-21024×768px 163PPI 20px 44px 49pxiPadMiniiPad图标尺寸:设备AppStore程序应用主屏幕Spotlight搜索工具栏标签栏导航栏1024×1024px180×180144×144100×10050×5044×44pxpxpxpxpxiPad3-4-5-6-Air-Air2-mini21024×1024px90×9072×7250×50px25×2522×22pxpxpxpxiPad1-2...1024×1024px90×9072×7250×50px25×2522×22pxpxpxpxiPadMiniAndroidSDK模拟机的尺寸屏幕大小低密度(120)中等密度(160)高密度(240)超高密度(320)小屏幕QVGA(240×320)480×640WQVGA400WVGA800(480×800)普通屏幕(240×400)HVGA(320×480)640×960WVGA854(480×854)WQVGA432600×1024(240×432)WVGA800*WVGA800*(480×800)大屏幕(480×800)WVGA854*(480×854)WVGA854*600x1024(480×854)超大屏幕1024×7681536×11521920×11522048×15361024×6001280×768WXGA1920×12002560×1600(1280×800)...Android 的图标尺寸系统通知图标屏幕大小启动图标操作栏图标上下文图标(白色)最细笔画320×480px 48×48px 32×32px 16×16px 24×24px 不小于2px480×800px480×854px72×72px48×48px24×24px36×36px不小于3px540×960px720×1280px48×48dp 32×32dp 16×16dp 24×24dp 不小于2dp1080×1920px144×144px 96×96px 48×48px 72×72px 不小于6pxAndroid 安卓系统dp/sp/px换算表比率rate比率rate比率rate名称分辨率(针对320px)(针对640px)(针对750px)idpi240×320 ×480 1 ×800 ×1280 ×1920 手机分辨率和尺寸设备 分辨率 尺寸 设备 分辨率 ××1280px魅族MX2魅族MX3..××× 1080×1920px ×××1280px5英寸OPPOR3OPPON1Mini5英寸1080××××.1536×2560px1080×1920px720×1280px1080×1920px1080×1920px1080×1920px720×1280px720×1280px720×1280px720×1280px1080×1920px...华为荣耀6 ××1920pxLGG3OnePlusOne主流浏览器的界面参数与份额浏览器状态栏菜单栏市场份额滚动条(国内浮动)22px(浮动出现)%Chrome浏览器20px 132px 15px 1%火狐浏览器24px 120px 15px 34%IE浏览器24px 140px 15px 28%浏览器24px 147px 15px 1%遨游浏览器25px 163px 15px %搜狗浏览器...系统分辨率统计分辨率占有率分辨率占有率1920×%1366×%360×%1440×%720×%1024×%320×%1600×%1080×%375×%..