您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 质量控制/管理 > UI设计尺寸规范-最新最全UI设计规范
..iPhone界面尺寸设备分辨率PPI状态栏高度导航栏高度标签栏高度iPhone6P、6SP、7P1242×2208px401PPI60px132px146pxiPhone6-6S-7750×1334px326PPI40px88px98pxiPhone5-5C-5S640×1136px326PPI40px88px98pxiPhone4-4S640×960px326PPI40px88px98pxiPhone&iPodTouch第一代、第二代、第三代320×480px163PPI20px44px49pxUI设计规范:IOS、Android系统主流尺寸整理..iPhone图标尺寸:设备AppStore程序应用主屏幕Spotlight搜索标签栏工具栏和导航栏iPhone6P-6SP-7(@3×)1024×1024px180×180px114×114px87×87px75×75px66×66pxiPhone6-6S-7(@2×)1024×1024px120×120px114×114px58×58px75×75px44×44pxiPhone5-5C-5S(@2×)1024×1024px120×120px114×114px58×58px75×75px44×44pxiPhone4-4S(@2×)1024×1024px120×120px114×114px58×58px75×75px44×44pxiPhone&iPodTouch第一代、第二代、第三代1024×1024px120×120px57×57px29×29px38×38px30×30px..iPad的设计尺寸设备尺寸分辨率状态栏高度导航栏高度标签栏高度iPad3-4-5-6–Air-Air2-mini22048×1536px264PPI40px88px98pxiPad1-21024×768px132PPI20px44px49pxiPadMini1024×768px163PPI20px44px49pxiPad图标尺寸:设备AppStore程序应用主屏幕Spotlight搜索标签栏工具栏\导航栏iPad3-4-5-6-Air-Air2-mini21024×1024px180×180px144×144px100×100px50×50px44×44pxiPad1-21024×1024px90×90px72×72px50×50px25×25px22×22px..iPadMini1024×1024px90×90px72×72px50×50px25×25px22×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×1024640×960大屏幕WVGA800*(480×800)WVGA854*(480×854)WVGA800*(480×800)WVGA854*(480×854)600x1024超大屏幕1024×6001024×7681280×768WXGA(1280×800)1536×11521920×11521920×12002048×15362560×1600..Android的图标尺寸屏幕大小启动图标操作栏图标上下文图标系统通知图标(白色)最细笔画320×480px48×48px32×32px16×16px24×24px不小于2px480×800px480×854px540×960px72×72px48×48px24×24px36×36px不小于3px720×1280px48×48dp32×32dp16×16dp24×24dp不小于2dp1080×1920px144×144px96×96px48×48px72×72px不小于6pxAndroid安卓系统dp/sp/px换算表名称分辨率比率rate(针对320px)比率rate(针对640px)比率rate(针对750px)idpi240×3200.750.3750.32mdpi320×48010.50.4267hdpi480×8001.50.750.64xhdpi720×12802.251.1251.042xxhdpi1080×19203.3751.68751.5主流Android手机分辨率和尺寸设备分辨率尺寸设备分辨率尺寸魅族MX24.4英寸800×1280px魅族MX35.1英寸1080×1280px..魅族MX45.36英寸1152×1920px魅族MX4Pro未上市5.5英寸1536×2560px三星GALAXYNote45.7英寸1440×2560px三星GALAXYNote35.7英寸1080×1920px三星GALAXYS55.1英寸1080×1920px三星GALAXYNoteII5.5英寸720×1280px索尼XperiaZ35.2英寸1080×1920px索尼XL39h6.44英寸1080×1920pxHTCDesire8205.5英寸720×1280pxHTCOneM84.7英寸1080×1920pxOPPOFind75.5英寸1440×2560pxOPPON15.9英寸1080×1920pxOPPOR35英寸720×1280pxOPPON1Mini5英寸720×1280px小米M45英寸1080×1920px小米红米Note5.5英寸720×1280px小米M35英寸1080×1920px小米红米1S4.7英寸720×1280px小米M3S5英寸1080×1920px小米M2S4.3英寸720×1280px5英寸1080×1920px4.95英寸1080×1920px..华为荣耀6锤子T1LGG35.5英寸1440×2560pxOnePlusOne5.5英寸1080×1920px主流浏览器的界面参数与份额浏览器状态栏菜单栏滚动条市场份额(国内浮动)Chrome浏览器22px(浮动出现)60px15px42.1%火狐浏览器20px132px15px1%IE浏览器24px120px15px34%360浏览器24px140px15px28%遨游浏览器24px147px15px1%搜狗浏览器25px163px15px3.8%..系统分辨率统计分辨率占有率分辨率占有率1920×108013.8%1366×76810.2%360×6407.9%1440×9007.7%720×12806.4%1024×7685.1%320×5683.7%1600×9003.5%1080×19203.3%375×6673.2%
本文标题:UI设计尺寸规范-最新最全UI设计规范
链接地址:https://www.777doc.com/doc-1873697 .html