该系列是iOS12人机交互指南的翻译,翻译的过程中加深自己的理解。

每个应用都需要一个漂亮而难忘的图标,它能在应用商店中吸引注意力,并在主屏幕上脱颖而出。图标通过用户的第一眼来和用户沟通,是传递应用的目的好机会。它也会出现在整个系统中,比如在设置和搜索结果中。

保持简洁。找到一个能体现应用本质的元素,并用一个简单、独特的形状来表达它。添加细节谨慎,如果图标的内容或形状过于复杂,细节可能难以辨别,尤其是在较小的尺寸下。

提供唯一的焦点。设计一个只有唯一焦点的图标,这个焦点可以立即抓住用户的注意力,并清晰地表达出你的应用。

设计一个可识别的图标。用户不应该通过分析图标来弄清楚它代表什么。例如,邮件应用图标使用与邮件相关的信封。花点时间设计一个漂亮迷人的抽象图标,艺术地表达你的应用目的。

保持背景简单,避免使用透明度。确保你的图标是不透明的,不要弄乱背景。给它一个简单的背景,这样它就不会压倒附近的其他应用图标。不需要用内容填充整个图标。

只在必要时的或文字属于标志的一部分时才使用文字。应用的名称会出现在主屏幕图标下方。不要包含重复的名字或告诉人们如何使用你的应用的非必要文字,比如“观看”或“播放”。如果你的设计包含任何文本,注意要使用与应用提供的实际内容相关的文字。

不要包含照片、屏幕截图或界面元素。小尺寸的照片很难看到细节。屏幕截图对于应用图标来说太复杂了,通常无助于传达应用的目的。图标中的界面元素具有误导性和迷惑性。

不要使用苹果硬件产品的副本。苹果产品是受版权保护的,不能用在个人图标或图像中进行复制。一般来说,避免显示设备的副本,因为硬件设计往往会频繁更改,并且会使图标看起来过时。

不要在整个界面中都放置应用图标。在整个应用中看到一个图标,却代表不同的目的可能会让人感到困惑。相反,可以考虑使用图标的颜色方案。

在不同的壁纸上测试你的图标。你无法预测用户会为他们的主屏幕选择哪种壁纸,所以不要只是用浅色或深色来测试你的应用程序。看看它在不同照片上的样子,在一个具有动态背景的实际设备上进行尝试,该背景会随着设备的移动而改变透视。

保持图标的使用直角。苹果系统会应用一个蒙版,自动给图标进行圆角处理。

应用图标属性

所有应用程序图标都应遵循以下规格:

应用图标尺寸

每个应用都必须提供小图标,以便在安装应用程序后在主屏幕和整个系统中使用,以及大图标用于应用商店中。

为不同的设备提供不同大小的图标。确保你的应用图标在支持的所有设备上都很好看。

用App Store图标模仿你的小图标。虽然App Store的图标和小图标的用法不同,但它仍然是你的应用图标。一般来说,它应该在外观上与较小的版本相匹配,由于没有应用视觉效果,它可以更加丰富和详细。

聚焦、设置和通知图标

每个应用还应该提供一个小图标,当应用名称与Spotlight搜索中的词匹配时,iOS可以显示该图标。此外,带有设置的应用应该提供一个小图标显示在内置的设置应用中,支持通知的应用应该提供一个小图标显示在通知中。所有的图标都应该清楚地标识你的应用程序——理想情况下,它们应该与你的应用程序图标相匹配。如果你不提供这些图标,iOS可能会缩小你的主应用图标,以便在这些位置显示。

不要在设置图标中添加覆蒙版或边框。iOS会自动为所有图标添加1像素的边框,这样它们在设置的白色背景上看起来很好看。

提示

如果你的应用程序创建自定义文档,你不需要设计文档图标,因为iOS使用你的应用程序图标自动创建文档图标。

用户可选应用图标

对于某些应用,自定义是一种能够唤起个人联系并增强用户体验的功能。如果它提供了你的应用价值,可以让用户选择另一个应用图标从一组预定义的图标嵌入到应用中。例如,一个体育应用可能为不同的团队提供的图标或应明亮与黑暗模式可以提供相应的明亮与黑暗的图标。请注意,应用程序图标只能根据用户的请求进行更改,系统总是向用户提供更改的确认。

提供必要的视觉上一致的所有大小的备用图标。与主应用程序图标一样,每个备用应用程序图标都作为大小不同的相关图像的集合交付。当用户选择替代图标时,该图标的适当大小将替代主屏幕、Spotlight和系统其他地方的主应用图标。提供和主图标相同大小的备用图标,确保他们在整个系统中都保持一致。例如,用户不应该在主屏幕上看到一个图标的版本,而在设置上看到另外一种版本。

更改应用程序图标_【iOS12人机交互指南】6.2-应用图标相关推荐

  1. xshell6左侧导航显示_【iOS12人机交互指南】7.1-导航栏

    该系列是iOS12人机交互指南的翻译,翻译的过程中加深自己的理解. 导航栏出现在应用屏幕的顶部,在状态栏下方,并允许在多个层级的界面中导航.当显示新屏幕时,会在导航栏的左侧出现一个返回按钮,该按钮通常 ...

  2. hid自定义report 影响键盘_【iOS12人机交互指南】10.1-自定义键盘

    该系列是iOS12人机交互指南的翻译,翻译的过程中加深自己的理解. 键盘扩展用自定义键盘替换标准键盘.在"设置"应用中,在"常规>键盘"下启用自定义键盘. ...

  3. 如何设置自定义任务栏图标_轻松自定义Windows 7任务栏图标

    如何设置自定义任务栏图标 Would you like to fully customize your Windows 7 icons without having to manually chang ...

  4. office 2007图标_微软Office 365桌面版新图标开始测试

    IT之家3月1日消息 此前,微软公布了全新的Office图标,微软Office 365在线网页版在2月15日开始已经全面更新新版图标,而桌面版Office 365现在也陆续开始测试新版图标. 目前微软 ...

  5. iconfont添加新图标_老项目中的iconfont字体图标添加新的图标

    最近,一直在折腾自己的新的博客,采用的是halo博客系统,感觉还是很不错的,就是主题有点少,自用的主题是siren,感觉自己做的不错就分享到了halo论坛,然后被提示标题前面的图标不显示. 也不知道说 ...

  6. qt的exe启动时隐藏图标_系统小技巧:Win10桌面图标问题多 常见3种这么解

    桌面图标是我们使用Windows 10接触最频繁的项目.在使用桌面图标的过程中,也可能会遇到一些不如意.例如,为获取清洁桌面而要隐藏桌面图标时,却发现图标无法隐藏:点击桌面图标想启动某个应用,却发现软 ...

  7. css加号图标_纯CSS制作各种各样的网页图标(三角形、暂停按钮、下载箭头、加号等)...

    三角形 .box{ width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transpa ...

  8. qt修改程序图标名称_【Qt开发】更改应用程序图标和任务栏图标

    说明 实际开发过程中,生成的应用文件不会用默认的图标,同时程序启动后任务栏的图标也需要修改,还有窗口的图标,这样显得程序不那么low.更改程序的图标有多种方式,基于Qt Creator或vs开发的方式 ...

  9. 苹果人机交互指南_苹果人机界面设计指南的10个见解

    苹果人机交互指南 重点 (Top highlight) I've been developing an IOS app for the past few months and have been co ...

最新文章

  1. Linux命令中21个不太好搜索其含义的特殊符号你都知道吗?
  2. EventBus初解
  3. 2.3 Logistic 回归损失函数-深度学习-Stanford吴恩达教授
  4. SAP ABAP如何隐藏你写的程序代码
  5. android获取url参数值,android 获取url 参数值
  6. Git - 版本控制工具十分钟入门手册
  7. 合并k个有序链表 python_leetcode第23题-合并K个有序链表
  8. c语言函数简单注释模板,C语言中的Doxygen注释模板
  9. easyUI之Messager(消息窗口)
  10. 2.8 循环语句介绍
  11. 完美解决C#中拖动splitContainer分割线时显示虚线问题
  12. 96---Python 绘制费马螺旋线
  13. SEGGER Embedded Studio 4.22 入门之:配合cubemx 快速建立ES工程
  14. 如何开通企业付款到零钱||小程序红包功能
  15. 树莓派4B-安装64位操作系统
  16. 安卓隐藏摄像_一款可以隐藏录像的app
  17. 二项分布 多项分布 伽马函数 Beta分布
  18. 新南威尔士大学计算机排名,新南威尔士大学世界排名及专业排名汇总(QS世界大学排名版)...
  19. Word中英文导致空格间距过大如何解决?
  20. 个人站长常用的4款网站统计工具

热门文章

  1. 数据库中查询记录时是否每次只能使用一个索引?
  2. 用户登录,token验证开发(含过期时间)
  3. unknown directive导致的nginx无法启动
  4. ajax 访问mysql_AJAX 数据库实例
  5. cmd中操作mysql_Windows中cmd操作mysql
  6. 信息系统服务器数量设置,《系统下服务器设置与优化.doc
  7. php正则表达式正向预查,javascript正则表达式-----正向预查
  8. java 微信jssdk签名_JAVA生成微信JSSDK接口签名
  9. 【CentOS7】【docker】常用操作命令
  10. 【Centos 8】【Centos 7】【Docker】 添加 DockerHub 的镜像地址