APP界面设计规范

iOS

  • 界面规范
设备 分辨率 状态栏 导航栏 标签栏
iPhone6 plus 1242×2208 60 132 147
iPhone6 750×1334 40 88 98
iPhone5/5s/5c 640×1136 40 88 98
iPhone4/4s 640×960 40 88 98
iPad3/4/Air/Air2/mini2 2048×1536 40 88 98
iPad1/2 1024×768 20 44 49
iPad mini 1024×768 20 44 49
  • 图标
图片来源：UI中国

Android界面规范

  • Android安卓系统dp/sp/px换算表
名称 分辨率 320px比率 640px比率 750px比率
idpi 240 × 320 0.75 0.375 0.32
mdpi 320 × 480 1 0.5 0.4267
hdpi 480 × 800 1.5 0.75 0.64
xhdpi 720 × 1280 2.25 1.125 1.042
xxhdpi 1080 × 1920 3.375 1.6875 1.5
  • 主流Android手机分辨率和尺寸
设备 分辨率 尺寸
三星Galaxy S3 4.8英寸 720 × 1280
三星Galaxy S4 5英寸 1080 × 1920
三星Galaxy S5 5.1英寸 1080 × 1920
三星Galaxy S6 4.5英寸 1200 × 1920
小米1 4英寸 480 × 854
小米1s 4英寸 480 × 854
小米2 4.3英寸 720 × 1280
小米2s 4.3英寸 720 × 1280
小米3 5英寸 1080 × 1920
小米3s(概念) 5英寸 1080 × 1920
小米4 5英寸 1080 × 1920
红米 4.7英寸 720 × 1280
红米Note 5.5英寸 720 × 1280
OPPO Find 7 5.5英寸 1440 × 2560
OPPO Find 7 轻装版 5.5英寸 1080 × 1920
OPPO N1 mini 5英寸 720 × 1280
OPPO R3 5英寸 720 × 1280
OPPO R1S 5英寸 720 × 1280
锤子 Smartisan T1 4.95英寸 1080 × 1920
华为 Ascend P7 5英寸 1080 × 1920
华为 Ascend Mate7 6英寸 1080 × 1920
华为 荣耀6 5英寸 1080 × 1920
华为 Ascend Mate2 6.1英寸 720 × 1280
华为 C199 5.5英寸 720 × 1280
HTC One (M8) 5英寸 1080 × 1920
HTC Desire 820 5.5英寸 720 × 1280
魅族 MEIZU MX4 5.36英寸 1152 × 1920
魅族 MEIZU MX3 5.1英寸 1080 × 1800
相关阅读：

Material Design 中文版
Andriod设计规范
iOS HIG

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容