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. 第九周学习总结&实验报告(7)

    完成火车站售票程序的模拟. 要求: (1)总票数1000张; (2)10个窗口同时开始卖票; (3) 卖票过程延时1秒钟; (4)不能出现一票多卖或卖出负数号票的情 况 实验代码: package y ...

  2. PHP 页面中实现数据的增删改查

    main页面(主页面) <table width="100%" border="1" cellpadding="0" cellspac ...

  3. layer实现关闭弹出层刷新父界面功能详解

    本文实例讲述了layer实现关闭弹出层刷新父界面功能.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会 ...

  4. 4. 获取当前的文件夹的路径,以及当前文件名的路径 os.path.realpath

    使用os.path.realpath(__file__) 获得当前的文件夹的路径名, 使用os.path.split 进行路径切割 import os src, _= os.path.split(os ...

  5. Spring Cloud负载均衡:使用Feign作客户端负载均衡

    有了一篇服务端负载均衡后,再来一篇客户端负载均衡,客户端负载均衡很简单,无需在zuul中做多余配置(本示例不引入zuul),只需要在客户端进行Feign引入和配置即可. 准备工作很简单,实现客户端负载 ...

  6. git clone的代码没有前端代码

    需要切换到文件夹目录下,然后 git checkout dev 切换到开发环境(其实是切换到了dev分支) 后来查看分支,发现有两个分支:master 和 dev . ================ ...

  7. 去除雨滴的滤镜 Derain in FFmpeg

    Remove the rain in the input image/video by applying the derain methods based on convolutional neura ...

  8. 【Java基础】对象序列化与读写

    package com.test.io; import java.io.FileInputStream; import java.io.FileNotFoundException; import ja ...

  9. Kafka集群搭建和配置

    Kafka配置优化 https://www.jianshu.com/p/f62099d174d9 1.安装&配置 下载tar包 解压后即可使用 修改配置文件 将server.propertie ...

  10. Docker容器启动报WARNING: IPv4 forwarding is disabled. Networking will not work

    错误: 解决: cat /etc/sysctl.conf net.ipv4.ip_forward=1net.ipv4.tcp_syncookies = 1net.ipv4.tcp_tw_recycle ...