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. C++入门经典-例2.1-利用实数精度进行实数比较

    1:代码如下: // 2.1.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" void main() { float eps = 0.000 ...

  2. 代理模式与AOP

    代理模式  代理模式是常用的java设计模式,他的特征是代理类与委托类有同样的接口,代理类主要负责为委托类预处理消息.过滤消息.把消息转发给委托类,以及事后处理消息等.代理类与委托类之间通常会存在关联 ...

  3. 自定义实现Java动态代理

    转自:https://www.cnblogs.com/rjzheng/p/8750265.html 一 借助JDK的API实现: 1.先创建一个接口,并实现它 public interface Per ...

  4. mybatis 中的 update 返回值

    摘自:https://www.jianshu.com/p/80270b93082a 如果定义一个如下的update函数,那么这个函数的返回值到底是啥意思呢?是受影响的行数吗? 验证之前我们先看看数据库 ...

  5. Scala学习(一)——基础语法

    Scala语言是一种面向对象语言,结合了命令式(imperative)和函数式(functional)编程风格,其设计理念是创造一种更好地支持组件的语言. 特性 多范式(Multi-Paradigm) ...

  6. var $this = $(this)

    jQuery: What’s the Difference Between $(this), $this, and this? What about $this? $this is a little ...

  7. C# 利用AForge.NET开源类库实现 图像素描效果

    引入DLL: using AForge.Imaging; using AForge.Imaging.Filters; //using AForge.Video.DirectShow;可以使用摄像头图像 ...

  8. 阶段3 2.Spring_01.Spring框架简介_05.spring的优势

  9. Servlet的API

    (1)Servlet接口中的方法 1)init(ServletConfig arg0) 何时执行:servlet对象创建的时候执行 ServletConfig : 代表的是该servlet对象的配置信 ...

  10. 【Python开发】【神经网络与深度学习】网络爬虫之图片自动下载器

    python爬虫实战--图片自动下载器 之前介绍了那么多基本知识[Python爬虫]入门知识(没看的赶紧去看)大家也估计手痒了.想要实际做个小东西来看看,毕竟: talk is cheap show ...