UI设计尺寸规范最新最全UI设计规范.pdf

如文档对你有用，请下载支持！UI设计规范：IOS、Android系统主流尺寸整理iPhone界面尺寸设备分辨率PPI状态栏高度导航栏高度标签栏高度1242×2208px401PPI60px132px146pxiPhone6P、6SP、7P750×1334px326PPI40px88px98pxiPhone6-6S-7640×1136px326PPI40px88px98pxiPhone5-5C-5S640×960px326PPI40px88px98pxiPhone4-4S320×480px163PPI20px44px49pxiPhone&iPodTouch第一代、第二代、第三代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的设计尺寸设备尺寸分辨率状态栏高度导航栏高度标签栏高度iPad3-4-5–-62048×1536px264PPI40px88px98pxAir-Air2-mini2iPad1-21024×768px132PPI20px44px49pxiPadMini1024×768px163PPI20px44px49pxiPad图标尺寸：工具栏\设备AppStore程序应用主屏幕Spotlight搜索标签栏导航栏180×180144×144100×10050×5044×44iPad3-4-5-6-Air-Air2-1024×1024pxmini2pxpxpxpxpx90×9072×7225×2522×221024×1024px50×50pxiPad1-2pxpxpxpx90×9072×7225×2522×221024×1024px50×50pxiPadMinipxpxpxpxAndroidSDK模拟机的尺寸屏幕大小低密度（120）中等密度（160）高密度（240）超高密度（320）小屏幕QVGA（240×320）480×640WQVGA400WVGA800（480×800）普通屏幕（240×400）HVGA（320×480）640×960WQVGA432WVGA854（480×854）600×1024（240×432）WVGA800*WVGA800*（480×800）大屏幕（480×800）WVGA854*WVGA854*（480×854）600x1024（480×854）1024×768超大屏幕1536×11521920×11522048×15361024×6001280×768WXGA1920×12002560×1600（1280×800）Android的图标尺寸如文档对你有用，请下载支持！系统通知图标屏幕大小启动图标操作栏图标上下文图标(白色)最细笔画320×480px48×48px32×32px16×16px24×24px不小于2px480×800px480×854px72×72px48×48px24×24px36×36px不小于3px540×960px720×1280px48×48dp32×32dp16×16dp24×24dp不小于2dp1080×1920px144×144px96×96px48×48px72×72px不小于6pxAndroid安卓系统dp/sp/px换算表比率rate比率rate比率rate名称分辨率(针对320px)(针对640px)(针对750px)idpi240×3200.750.3750.32mdpi320×48010.50.4267hdpi480×8001.50.750.64xhdpi720×12802.251.1251.042xxhdpi1080×19203.3751.68751.5主流Android手机分辨率和尺寸设备分辨率尺寸设备分辨率尺寸1080×12804.4英寸800×1280px5.1英寸魅族MX2魅族MX3px5.36英1536×25601152×1920px魅族MX4Pro未上市5.5英寸魅族MX4寸px108