整合的相对比较全面了,如果不足可以指出在补充完整。

Android-App 常用图标尺寸规范

出自:http://www.cnblogs.com/libertycode/p/5666088.html

程序启动图标(Logo):

小屏ldpi() 36 x 36 px。

中屏mdpi(160dpi):48*48px

大屏hdpi(240dpi):72*72px

特大屏xhdpi(320dpi):96*96px

超大屏xxhdpi(480dpi):144*144px

底部菜单图标

中屏mdpi(160dpi):48*48px

大屏hdpi(240dpi):72*72px

特大屏xhdpi(320dpi):96*96px

超大屏xxhdpi(480dpi):144*144px

1. 大屏:
1. 完整图片(红色): 72 x 72 px
2. 图标(蓝色): 48 x 48 px
3. 图标外边框(粉色): 44 x 44 px

1. 中屏:
1. 完整图片: 48 x 48 px
2. 图标: 32 x 32 px
3. 图标外边框: 30 x 30 px

1. 小屏:
1. 完整图片: 36 x 36 px
2. 图标: 24 x 24 px
3. 图标外边框: 22 x 22 px

弹出对话框顶部图标

小屏 24 x 24 px Low density screen (ldpi)

中屏mdpi(160dpi):32*32px

大屏hdpi(240dpi):48*48px

特大屏xhdpi(320dpi):72*72px

超大屏xxhdpi(480dpi):89*89px

列表内部列表项图标

小屏 24 x 24 px Low density screen (ldpi)

中屏mdpi(160dpi):32*32px

大屏hdpi(240dpi):48*48px

特大屏xhdpi(320dpi):72*72px

超大屏xxhdpi(480dpi):89*89px

底部或顶部tab标签图标

小屏(ldpi) screens:
  完整图片: 24 x 24 px
  图标: 22 x 22 px

中屏mdpi(160dpi):

  完整图片: 32*32px

  图标:28*28px

大屏hdpi(240dpi):

  完整图片: 48*48px

  图标:42*42px

特大屏xhdpi(320dpi):

  完整图片: 72*72px

  图标:42*42px

超大屏xxhdpi(480dpi):

  完整图片: 32*32px

  图标:42*42px

底部状态栏图标

小屏ldpi (120 dpi) 18 x 18 px

中屏mdpi(160dpi):24*24px

大屏hdpi(240dpi):36*36px

特大屏xhdpi(320dpi):48*48px

超大屏xxhdpi(480dpi):60*60px

出自:http://tool.lanrentuku.com/guifan/ui.html

iPhone界面尺寸

设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度

iPhone6 plus设计版

1242×2208 px 401PPI 60px 132px 146px

iPhone6 plus放大版

1125×2001 px 401PPI 54px 132px 146px

iPhone6 plus物理版

1080×1920 px 401PPI 54px 132px 146px

iPhone6

750×1334 px 326PPI 40px 88px 98px

iPhone5 - 5C - 5S

640×1136 px 326PPI 40px 88px 98px

iPhone4 - 4S

640×960 px 326PPI 40px 88px 98px

iPhone & iPod Touch第一代、第二代、第三代

320×480 px 163PPI 20px 44px 49px

iPhone图标尺寸:

设备 App Store 程序应用 主屏幕 Spotlight搜索 标签栏 工具栏和导航栏

iPhone6 Plus (@3×)

1024×1024 px 180×180 px 114×114 px 87×87 px 75×75 px 66×66 px

iPhone6 (@2×)

1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone5 - 5C - 5S (@2×)

1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone4 - 4S (@2×)

1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone & iPod Touch第一代、第二代、第三代

1024×1024 px 120×120 px 57×57 px 29×29 px 38×38 px 30×30 px

iPad的设计尺寸

设备 尺寸 分辨率 状态栏高度 导航栏高度 标签栏高度

iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2

2048×1536 px 264PPI 40px 88px 98px

iPad 1 - 2

1024×768 px 132PPI 20px 44px 49px

iPad Mini

1024×768 px 163PPI 20px 44px 49px

iPad图标尺寸:

设备 App Store 程序应用 主屏幕 Spotlight搜索 标签栏 工具栏和导航栏

iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2

1024×1024 px 180×180 px 144×144 px 100×100 px 50×50 px 44×44 px

iPad 1 - 2

1024×1024 px 90×90 px 72×72 px 50×50 px 25×25 px 22×22 px

iPad Mini

1024×1024 px 90×90 px 72×72 px 50×50 px 25×25 px 22×22 px

324234sdfsdfasdf撒打发士大夫撒打发士大夫

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×768WXGA(1280×800) 1536×1152 1920×1152 1920×1200 2048×1536 2560×1600

Android的图标尺寸

屏幕大小 启动图标 操作栏图标 上下文图标 系统通知图标(白色) 最细笔画

320×480 px

48×48 px 32×32 px 16×16 px 24×24 px 不小于2 px

480×800px 480×854px 540×960px

72×72 px 48×48 px 24×24 px 36×36 px 不小于3 px

720×1280 px

48×48 dp 32×32 dp 16×16 dp 24×24 dp 不小于2 dp

1080×1920 px

144×144 px 96×96 px 48×48 px 72×72 px 不小于6 px

Android安卓系统dp/sp/px换算表

名称 分辨率 比率 rate (针对320px) 比率 rate (针对640px) 比率 rate (针对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手机分辨率和尺寸

设备 分辨率 尺寸 设备 分辨率 尺寸

魅族MX2

4.4英寸 800×1280 px

魅族MX3

5.1英寸 1080×1280 px

魅族MX4

5.36英寸 1152×1920 px

魅族MX4 Pro未上市

5.5英寸 1536×2560 px

三星GALAXY Note 4

5.7英寸 1440×2560 px

三星GALAXY Note 3

5.7英寸 1080×1920 px

三星GALAXY S5

5.1英寸 1080×1920 px

三星GALAXY Note II

5.5英寸 720×1280 px

索尼Xperia Z3

5.2英寸 1080×1920 px

索尼XL39h

6.44英寸 1080×1920 px

HTC Desire 820

5.5英寸 720×1280 px

HTC One M8

4.7英寸 1080×1920 px

OPPO Find 7

5.5英寸 1440×2560 px

OPPO N1

5.9英寸 1080×1920 px

OPPO R3

5英寸 720×1280 px

OPPO N1 Mini

5英寸 720×1280 px

小米M4

5英寸 1080×1920 px

小米红米Note

5.5英寸 720×1280 px

小米M3

5英寸 1080×1920 px

小米红米1S

4.7英寸 720×1280 px

小米M3S未上市

5英寸 1080×1920 px

小米M2S

4.3英寸 720×1280 px

华为荣耀6

5英寸 1080×1920 px

锤子T1

4.95英寸 1080×1920 px

LG G3

5.5英寸 1440×2560 px

OnePlus One

5.5英寸 1080×1920 px

主流浏览器的界面参数与份额

浏览器 状态栏 菜单栏 滚动条 市场份额(国内)

Chrome 浏览器

22 px(浮动出现) 60 px 15 px 8%

火狐浏览器

20 px 132 px 15 px 1%

IE浏览器

24 px 120 px 15 px 35%

360 浏览器

24 px 140 px 15 px 28%

遨游浏览器

24 px 147 px 15 px 1%

搜狗浏览器

25 px 163 px 15 px 5%

系统分辨率统计

分辨率 占有率 分辨率 占有率

1366×768

15%

1440×900

13%

1920×1080

11%

1600×900

5%

1280×800

4%

1280×1024

3%

1680×1050

2.8%

320×480

2.4%

480×800

2%

1280×768

1%

Android /iPhone/iPad UI之常用图标尺寸规范相关推荐

  1. Android UI 常用图标尺寸规范

    1. 程序启动图标: LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px. MDPI (Medium Density Screen, 160 DPI ...

  2. android icon命名规则,安卓手机的APP图标尺寸规范和图标命名规范

    安卓手机的APP图标尺寸规范和图标命名规范 点击查看原文 android图标包括:程序启动图标.底部菜单图标.弹出对话框顶部图标.长列表内部列表项图标.底部和底部tab标签图标. 1.安卓程序启动图标 ...

  3. App常用图标使用规范

    Android开发中UI切的图标不是随便乱放的,我们需要根据图标的尺寸大小放在对应的目录下. 我们可以根据上图中的icon尺寸找出对应的drawable目录,放入即可. 下面总结一些常用的图标尺寸: ...

  4. APP图标尺寸规范一文了解清楚

    在进行图标设计前,熟知手机 app 图标尺寸规范,能更好地去针对不同平台设计出更极致的图标.当前智能手机系统主要以 iOS 及 Android 为主,APP 图标是产品给用户的第一印象,图标视觉设计的 ...

  5. 图标尺寸规范_作为刚入门的UI设计师,你需要懂哪些设计规范?

    图标规范 很多设计师以为UI设计就是设计图标.虽然事实并非如此,但不可否认的是图标设计是UI设计的基础. 图标与品牌标志一样,应该尽量用简约的线条去表达其含义,同时减少冗余的线条结构,力求设计简单且明 ...

  6. 45套精美的 ( Android, iPhone, iPad ) 手机界面设计素材和线框图设计工具

    在制作界面原型的时候,如果有现成的界面基础元素可以使用的话,设计师就可以非常快速的完成原型的制作,能够节省大量的时间和精力.在这篇文章,我向大家分享45套非常有用的 UI 和 Wireframe 套件 ...

  7. 用Chrome浏览器模拟手机,android,iphone,ipad访问网站

    很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容.谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器.在Windows的[ ...

  8. Android图标尺寸规范 Android icon尺寸分辨率大全

    原文地址: http://petrnohejl.github.io/Android-Cheatsheet-For-Graphic-Designers/ 详细讲述了Android应用的设计规范 屏幕密度 ...

  9. Android 常用图标库

    Android 开发常用图标库 阿里巴巴矢量图标库: http://www.iconfont.cn/plus IcoMoon: https://icomoon.io/app/#/select http ...

最新文章

  1. 这安全测试的面试题目也太简单了吧,分分钟入职成功
  2. VTK:标签放置映射器用法实战
  3. Linux下使Shell命令脱离终端运行
  4. print writer保留原有信息写文件_Python读写EXCEL文件常用方法大全 - pythonputao
  5. 蓝桥杯省内模拟赛解题过程
  6. 将字符串中的字符按Z字形排列,按行输出
  7. WPF快速指导2:模板
  8. .Net程序员学用Oracle系列(16):访问数据库(ODP.NET)
  9. Spring: 读取 .properties 文件地址,json转java对象,el使用java类方法相关 (十三)
  10. Oracle 10g 高级安装图文教程(一)
  11. C语言数字雨--90行代码
  12. 非线性光学近似计算机应用,浅谈非线性光学的发展及应用
  13. php锐浪开发,解析Excel文件生成Grid++Report锐浪模版
  14. Druid连接池核心原理
  15. chrome浏览器升级导致无法手动设置cookie,设置无法保存
  16. 为什么四大文明古国到现在只剩中国了
  17. autoit-v3 编辑工具SciTE Script Editor 解决中文乱码+中文换行崩溃问题
  18. BUUCTF [GXYCTF2019]Ping Ping Ping 1
  19. win7 关闭计算机休眠,Win7关闭休眠的方法
  20. 在win10中安装caffe并配置MATLAB和Python接口(支持GPU加速)

热门文章

  1. 攻防世界crypto高手题之sherlock
  2. matlab的polynomial,matlab的polynomial - 百度学术
  3. js使用百度地图仅显示中国区域,实现大数据热点图
  4. 三维格式学习-wrl
  5. 程序员真实调查,工资真的高吗?反正我的不高
  6. starGAN复现及遇到问题
  7. 非局部相似性 matlab,基于引导核聚类的非局部均值图像去噪算法
  8. Oracle 11g安装使用、备份恢复并与SpringBoot集成
  9. B2C电子商务能否通吃线上线下?
  10. shell 脚本中双引号、单引号、反引号的区别,其他命令