移动端APP(iPhone/iPad/Android)UI设计规范

28
1863
09-08 14:01

根据网上的一些数据做了归纳,关于尺寸整理是在其他网站找的,具体原始作者是谁我也无从查证,如果原作者看到了可以联系我,我会标识出来出处。另外在项目中很多重要实时依据,我也整理了数据入口供参考,我也做了部分归纳,也希望所有无论是产品,用户体验设计师还是UI设计师,可以做到有据可查,不要盲目拍脑袋。

iPhone界面尺寸

设备分辨率PPI状态栏高度导航栏高度标签栏高度
iPhone6 plus设计版1242×2208 px401PPI60px132px146px
iPhone6 plus放大版1125×2001 px401PPI54px132px146px
iPhone6 plus物理版1080×1920 px401PPI54px132px146px
iPhone6750×1334 px326PPI40px88px98px
iPhone5\5C\5S640×1136 px326PPI40px88px98px
iPhone4\4S640×960 px326PPI40px88px98px
iPhone\iPod\Touch1,2,3320×480 px163PPI20px44px49px

iPhone图标尺寸

设备App Store程序应用主屏幕Spotlight搜索标签栏工具栏和导航栏
iPhone6 Plus (@3×)1024×1024 px180×180 px114×114 px87×87 px75×75 px66×66 px
iPhone6 (@2×)1024×1024 px120×120 px114×114 px58×58 px75×75 px44×44 px
iPhone5\5C\5S (@2×)1024×1024 px120×120 px114×114 px58×58 px75×75 px44×44 px
iPhone4\4S (@2×)1024×1024 px120×120 px114×114 px58×58 px75×75 px44×44 px
iPhone\iPod\Touch1,2,31024×1024 px120×120 px57×57 px29×29 px38×38 px30×30 px

iPad的设计尺寸

设备尺寸分辨率状态栏高度导航栏高度标签栏高度
iPad...2048×1536 px264PPI40px88px98px
iPad 1 - 21024×768 px132PPI20px44px49px
iPad Mini1024×768 px163PPI20px44px49px


iPad图标尺寸

设备App Store程序应用主屏幕Spotlight搜索标签栏工具栏和导航栏
iPad...1024×1024 px180×180 px144×144 px100×100 px50×50 px44×44 px
iPad 1 - 21024×1024 px90×90 px72×72 px50×50 px25×25 px22×22 px
iPad Mini1024×1024 px90×90 px72×72 px50×50 px25×25 px22×22 px


Android SDK模拟机的尺寸


屏幕大小低密度(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×1024

640×960
大屏幕

WVGA800 *(480×800)

WVGA854 *(480×854)

WVGA800 *(480×800)

WVGA854 *(480×854) 

600x1024



超大屏幕1024×600

1024×768 1280×76

8WXGA(1280×800)

1536×1152 

1920×1152 

1920×1200

2048×1536 

2560×1600

Android的图标尺寸

屏幕大小启动操作栏上下文系统通知最细笔画
320×480 px48×48 px32×32 px16×16 px24×24 px不小于2 px

480×800px 

480×854px 

540×960px

72×72 px48×48 px24×24 px36×36 px不小于3 px
720×1280 px48×48 dp32×32 dp16×16 dp24×24 dp不小于2 dp
1080×1920 px144×144 px96×96 px48×48 px72×72 px不小于6 px


百度流量研究院,提供了“浏览器市场份额”、“操作系统市场份额”、“分辨率使用情况”、“网民地域分布”、“网民上网时间分布”和“流量入口选择”六个报告,每个报告都有全局整体分布及每个具体对象过去2年的历史趋势数据。同时也分为移动端,PC端不同维度和专注方向的数据统计,其中移动端的用户属性,使用行为,移动设备相信对做移动端市场的朋友还是有一定价值,但提醒一下对于PC端分辨率的统计,其中一条360X640不要意外这个其实是手机浏览器。


Talkingdata智能数据平台包含数据、技术、方案集成等多类合作伙伴的协作平台。同时他们也提供了一些不错的数据报告可以供我们平时做产品的时候作为数据依据,辅助我们更好的做好判断。


【友盟+】数据报告源自对应用程序每一次启动的挖掘和分析,可以充分展现移动应用的使用细节、发展状况及行业整体趋势, 为移动应用行业 提供准确 、全面、深入的数据观察。

       

26

无标签