UI设计尺寸规范最全UI设计规范.docx

UI设计规范：IOS、Android系统主流尺寸整理
iPhone界面尺寸
设备分辨率PPI状态栏高度导航栏高度标签栏高度iPhone6P、6SP、7P1242×2208px401PPI60px132px146pxiPhone6-6S-7750×1334px326PPI40px88px98pxiPhone5-5C-5S640×1136px326PPI40px88px98pxiPhone4-4S640×960px326PPI40px88px98pxiPhone&iPodTouch
第一代、第二代、第三代320×480px163PPI20px44px49px
iPhone图标尺寸：
设备AppStore程序应用主屏幕Spotlight搜索标签栏工具栏和导航栏
iPhone6P-6SP-7(@3×)1024×1024px180×180px114×114px87×87px75×75px66×66px
iPhone6-6S-7(@2×)1024×1024px120×120px114×114px58×58px75×75px44×44px
iPhone5-5C-5S(@2×)1024×1024px120×120px114×114px58×58px75×75px44×44px
iPhone4-4S(@2×)1024×1024px120×120px114×114px58×58px75×75px44×44px
iPhone&iPodTouch第一代、第二代、第三代1024×1024px120×120px57×57px29×29px38×38px30×30px

iPad的设计尺寸
设备尺寸分辨率状态栏高度导航栏高度标签栏高度
iPad3-4-5-6–
Air-Air2-mini22048×1536px264PPI40px88px98px
iPad1-21024×768px132PPI20px44px49px
iPadMini1024×768px163PPI20px44px49px
iPad图标尺寸：
设备AppStore程序应用主屏幕Spotlight搜索标签栏工具栏\
导航栏
iPad3-4-5-6-Air-Air2-mini21024×1024px180×180px144×144px100×100px50×50px44×44px
iPad1-21024×1024px90×90px72×72px50×50px25×25px22×22px
iPadMini1024×1024px90×90px72×72px50×50px25×25px22×22px

AndroidSDK模拟机的尺寸
屏幕大小低密度（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×800px
480×854px
540×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