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. vue开发多页面应用

    1.添加多页面配置 在工程根路径下(package.json同目录)添加添加vue.config.js配置文件,内容为: module.exports = { pages: { index: 'src ...

  3. 第六周课程总结&实验报告(四)

    实验报告(四) 一.实验目的 1.掌握类的继承 2.变量的继承和覆盖,方法的继承,重载和覆盖的实现 二.实验的内容 1.根据下面的要求实现圆类Circle. 圆类Circle的成员变量:radius表 ...

  4. 后盾网lavarel视频项目---vue实现动态添加和删除板块

    后盾网lavarel视频项目---vue实现动态添加和删除板块 一.总结 一句话总结: 原理就是:列表时根据vue中的videos变量中的元素来遍历的,初始时videos:[{title:'',pat ...

  5. 一、基础篇--1.1Java基础-Object类中常见的方法,为什么wait notify会放在Object里边

    这是个设计相关的问题,它考察的是面试者对现有系统和一些普遍存在但看起来不合理的事物的看法.回答这些问题的时候,你要说明为什么把这些方法放在Object类里是有意义的,还有不把它放在Thread类里的原 ...

  6. Switch 开关

    表示两种相互对立的状态间的切换,多用于触发「开/关」. 基本用法 绑定v-model到一个Boolean类型的变量.可以使用active-color属性与inactive-color属性来设置开关的背 ...

  7. 细说Linux下的虚拟主机那些事儿

    细说Linux下的虚拟主机那些事儿 我们知道Linux操作系统是目前在服务器上应用广泛的操作系统.在Linux操作系统下的虚拟主机是不是就是我们常说的Linux虚拟主机呢?其实从专业方面说并不是,它是 ...

  8. Python的组合模式与责任链模式编程示例

    Python的组合模式与责任链模式编程示例 这篇文章主要介绍了Python的组合模式与责任链模式编程示例,组合模式与责任链模式都属于Python的设计模式,需要的朋友可以参考下 组合模式 我们把Com ...

  9. 【HTML5】页面点击按钮添加一行 删除一行 全选 反选 全不选

    页面点击按钮添加一行    删除一行   全选   反选  全不选 页面效果图如下 html页面代码 <!DOCTYPE html> <html> <head> & ...

  10. eclipse 包含头文件出错

    最近这段时间自己在写游戏的框架,在做的过程中遇到了一个问题:没办法#include <iostream>,在eclipse下F3也找不到对应的 iostream 文件, 最后在晚上找资料, ...