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++入门经典-例3.2-根据分数判断是否优秀

    1:代码如下: // 3.2.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <iostream> using ...

  2. 记一次elastic-job使用

    当当的elastic-job定时任务 业务场景是定时从微信取accesstoken和jsticket,因为都只有7200秒的有效时间,所以设置了定时任务,定时将得到的数据存到redis缓存中 问题1: ...

  3. 转自B站 真希望我在20岁就懂得的10个人生道理 主讲:王魄

    视频地址:https://www.bilibili.com/video/av65194244?from=search&seid=15261178568916939794 这位阿姨讲得还行,特别 ...

  4. vscode + php+ftp

    首先,php网站的文件都整理到一个文件夹中: 然后,用vscode的File.Open Folder打开刚才的文件夹: 3,Ctrl+Shift+P,输入SFTP:Config,会打开一个配置文件,编 ...

  5. virtualbox安装xp虚拟机缺少驱动

    下载驱动精灵完全版,自带万能驱动

  6. 【DVWA】SQL Injection(SQL 注入)通关教程

    日期:2019-07-28 20:43:48 更新: 作者:Bay0net 介绍: 0x00.基本信息 关于 mysql 相关的注入,传送门. SQL 注入漏洞之 mysql - Bay0net - ...

  7. ls | ethtool

    ls -lhS *.mp4|awk '{if($5>4000000) print $0}'ls -lhS *.mp4|awk '{if(($5>100000) && ($5 ...

  8. harbor仓库安装

    https://6xyun.cn/article/50 环境: 192.168.0.65 harbor .docker 一.安装相关依赖 .安装Docker Docker 使用离线版docker-ce ...

  9. java:Springmvc框架2(Ajax,Json,Interceptor,Upload,Exception)

    1.springmvcAjax: springmvc.xml: <?xml version="1.0" encoding="UTF-8"?> < ...

  10. linux 设备树中 dwc3 节点的phys参数含义

    找了好久今天找到了,记录一下: &dwc3_0 { ... phys = <&lane3 PHY_TYPE_USB3 1 2 26000000>; ... } Requir ...