iOS版

有关要求和指导原则适用于iOS的应用程序图标的更多详细信息,请参阅的iOS人机界面指南:图标和图像尺寸技术Q&A QA1686:iPad和iPhone上的应用程序图标

所有图标都必须符合24位彩色PNG格式。

应用程序图标

对于适用于iOS 7的应用和以后,我们需要在这些大小的图标图像文件:

  • 1024×1024
  • 512×512
  • 228点¯x228
  • 180×180
  • 152点¯x152
  • 120×120
  • 87高x 87
  • 80×80
  • 76点¯x76
  • 58×58
  • 40×40
  • 29 X 29
  • 144×144(如果支持的iOS 6.1或更早版本)
  • 114点¯x114(如果支持的iOS 6.1或更早版本)
  • 100×100(如果支持的iOS 6.1或更早版本)
  • 72 x 72到(如果支持的iOS 6.1或更早版本)
  • 57点¯x57(如果支持的iOS 6.1或更早版本)
  • 50×50(如果支持的iOS 6.1或更早版本)

iOS的图标是不透明的。需要注意的是,当它显示图标的iOS将自动一轮的角落,并添加闪耀的光泽效果。你可能想,如果你想在它的外观更多的控制预渲染闪耀效果。

工具栏,导航栏和标签栏的图标

  • 使用纯白色和透明区域
  • 不包括阴影
  • 使用抗锯齿

对于工具栏和导航栏图标,创建具有这些尺寸的图像:

  • 22×22
  • 44点¯x44(高分辨率)

对于标签栏图标,创建具有这些尺寸的图像:

  • 25×25
  • 50×50(高清晰度)

对于每一个工具栏,导航栏,或标签栏的图标,你可以提供一个单一的形象,它的​​iOS将把作为模板来生成选择,而选择的露面,或者你可以提供两个图像:一个用于未选中的外观,另一个用于选择出现。

需要注意的是工具栏,导航栏,在这里,标签栏的图标给出的尺寸是近似的。图像可能比这些尺寸略大或略小。给在酒吧的所有图标相似的视觉重量。

苹果观察图标

如果iOS应用包括Apple关注应用程序,需要以下图标:

通知中心图标

  • 29 X 29(38毫米表)
  • 36×36(42mm表款)

长时间看通知图标

  • 80×80(38毫米表)
  • 约88 x 88(42mm表款)

主屏幕图标,短期看图标

  • 172×172(38毫米表)
  • 196点¯x196(42mm表款)

菜单图标

  • 70×70,与内容大小尺寸为46 x 46(38毫米表)
  • 80×80,与内容大小54点¯x54(42mm表款)

观看相关图标

  • 58×58
  • 87高x 87

Android版

应用程序图标

对于一个Android应用程序启动器图标,我们需要在这些大小PNG图像文件:

  • 512×512(谷歌播放)
  • 144×144(xxhdpi)
  • 96×96(xhdpi)
  • 72 x 72到(华电国际)
  • 48×48(MDPI)

请注意,Android应用程序图标没有不散:alpha通道可以用来创建透明区域,这样一个图标应该有一个鲜明的轮廓。

如果应用程序生成通知,那么我们就需要一个24×24的图标图像。通知图标必须是除了透明区域全白。

有关要求和指导原则为Android应用程序图标的更多详细信息,请参阅启动图标图像学

操作栏图标

  • 96×96(xxhdpi)
  • 64×64(xhdpi)
  • 48×48(华电国际)
  • 32×32(MDPI)

小/语境图标

  • 48×48(xxhdpi)
  • 32×32(xhdpi)
  • 24×24(华电国际)
  • 16×16(MDPI)

通知图标

  • 72 x 72到(xxhdpi)
  • 48×48(xhdpi)
  • 36×36(华电国际)
  • 24×24(MDPI)

iOS和Android图标大小的更多相关文章

  1. IOS和Android图标尺寸

    刚开始接触UI的时候,碰到的最多的就是尺寸问题,今天我们就来谈谈IOS和Android 图标设计尺寸吧! 一.IOS篇 1.iOS app图标的圆角半径是多少? (注:现在IOS图标是不需要再画圆角了 ...

  2. shell批量转换iOS和Android图标

    icon_ios.sh #!/bin/sh convert icon-1024.png -resize 180x180 icon-180@3x.png convert icon-1024.png -r ...

  3. iConvert Icons 图标转换生成利器,支持Windows, Mac OS X, Linux, iOS,和Android等系统

    这是一款在线图标转换工具,生成的图标支持Windows, Mac OS X, Linux, iOS, 和 Android等主流系统. 可以上传图标文件转化成另一个平台下的图标文件,例如将windows ...

  4. Android Studio 如何在TextView中设置图标并按需调整图标大小

    •任务 相信大家对这张图片都不陌生,没错,就是 QQ动态 向我们展示的界面. 如何实现呢? •添加文字并放入图标 新建一个 Activity,取名为 QQ,Android Studio 自动为我们生成 ...

  5. android 不同dpi图标大小

    LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px.MDPI (Medium Density Screen, 160 DPI),其图标大小为 48 ...

  6. ios和android适配问题总结

    _________________________________________________________________________________ 相关知识点 移动端. 适配(兼容). ...

  7. ios和android适配

    一些情况下对非可点击元素如(label,span)监听click事件,ios下不会触发 解决方案:css增加cursor:pointer; 三星手机遮罩层下的input.select.a等元素可以被点 ...

  8. javascript开发 ios和android app的简单介绍

    先看几个名词解释: nodejs ionic,Cordova,phoneGap,anjularjs react-native,reactjs nodeJs 的介绍参见这里,写的很好http://www ...

  9. 移动web在ios和android下点击元素出现阴影问题

     移动web开发经验总结 1.-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影.备注:transp ...

随机推荐

  1. spring eclipse xml自动提示

    window -> preferences -> XML -> XML Catalog -> 在User Specified Entries新增加一个catalog

  2. 20175212童皓桢 实验四 Android程序设计

    20175212童皓桢 实验四 Android程序设计 实验内容 参考<Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd)>并完成相关 ...

  3. idea 更新后和新的直接安装前,都需要配置 idea64.exe.vmoptions 后再使用

    配置合适的参数提升性能,默认的性能不高

  4. spark streaming 3: Receiver 到 submitJobSet

     对于spark streaming来说,receiver是数据的源头.spark streaming的框架上,将receiver替换spark-core的以磁盘为数据源的做法,但是数据源(如监听某个 ...

  5. vue指令之v-cloak

    vue指令之v-cloak 一起学 vue指令 v-cloak  指令可看作标签属性 某些情况下可能由于机器性能故障或者网络原因,导致传输有问题,那么浏览器无法成功解析数据,此时浏览器输出的内容就是纯 ...

  6. PHP CI 框架简单使用(二)

    我们简单认识一下CI框架的MVC.示例代码如下 //CI控制器文件Home.php <?php defined('BASEPATH') OR exit('No direct script acc ...

  7. celery 启动命令

    celery 任务启动命令  celery worker -A  _tasks.tasks -l info -E tasks 就是celery 任务的文件 celery beat启动命令  celer ...

  8. mingw下的msys显示与输入乱码

    一直很喜欢gcc+vim这个貌似已经不用在强调了,好了,我只是想说明下我的问题是首先从gcc编译出错提示开始的 正如上面所说,安装完MinGW后使用gcc一编译,这程序没有错误还好,这一有错误发现输入 ...

  9. Keepalived + LVS-NAT 实现高可用四层 TCP/UDP 负载均衡器

    目录 文章目录 目录 前文列表 在 LVS1/2 安装 Keepalived & LVS Keepalived + LVS-NAT 实现 TCP 负载均衡 IP 规划 网络架构参考 LVS1 ...

  10. MySQL 常见面试知识点

    之前简单总结了一下MySQL的场景面试知识点 1.讲下MVCC原理 2.MySQL高可用架构介绍 3.OSC(在线更改表结构)原理 4.MySQL性能调优有哪些关键点/经验 5.MySQL在线备份方案 ...