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

UI设计规范：IOS、Android系统主流尺寸整理iPhone界面尺寸设备分辨率PPI状态栏高度导航栏高度标签栏高度iPhone6P、6SP、7P1242×2208px401PPI60px132px146pxiPhone6-6S-7750×1334px326PPI40px88px98pxiPhone5-5C-5S640×1136px326PPI40px88px98pxiPhone4-4S640×960px326PPI40px88px98pxiPhone&iPodTouch第一代、第二代、第三代320×480px163PPI20px44px49pxiPhone图标尺寸：设备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×30pxiPad设计尺寸设备尺寸分辨率状态栏高度导航栏高度标签栏高度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×22pxiPadMini1024×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×1600Android图标尺寸屏幕大小开启图标操作栏图标上下文图标系统通知图标(白色)最细笔画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×