图标的设计要点

在APP设计中，图标设计是非常重要的一部分。图标设计不仅能够有效地为设计者传播信息与内涵，而且对APP设计有着重要的意义。在这里简单地介绍图标的可识别性、图标的创新性以及图标设计的连续性，使读者了解图标的设计要点和图标的设计在APP设计中的重要性。

精彩图标设计如图2.18所示。

图2.18

2.2.1  图标的可识别性

在APP设计中运用视觉隐喻的同时，需要保证图标的可识别性。但是，很多图标设计是没有经过仔细思考的。在APP商店查找时，人们会发现只有非常少的APP图标的设计是吸引人的眼球的。随着时代的发展，图标总体上呈现出时代性与个性化的视觉符号形态：大图标尺寸被普遍运用；讲究精致、细节、艺术的个性化；材质趋于模拟还原真实自然状态，即拟物化；剪影图标越发精致小巧。

可识别性较强的图标设计如图2.19所示。

图2.19

另外，色彩的运用在其图标的可识别性上也是非常重要的。因为APP的受众十分广泛且不确定，加上技术架构的特点，设计者不能也不想对最终用户提出要求。因此，充分保证设计的美观性，是每一名APP设计师在进行视觉设计时首先应该把握好的一个尺度。

图标在APP中色调的和谐和统一如图2.20所示。

图2.20

图标设计已经发展成为一个巨大的产业，因为它们能给设计带来很多优势。它们为标题添加视觉引导，用作按钮，用来分隔页面，做整体修饰，使网站更显专业、增强网站的交互性、可识别性等。

可爱的图标在APP设计中的可识别性如图2.21所示。

图2.21

[作者分享]

图标作为APP设计中决定性的元素，在内容中使用它可以为页面增加“空隙”。Icon图标用来分隔内容，并且给读者以视觉引导。研究表明，大多数访客第一次浏览内容时，立刻就会决定哪些内容要去阅读。访客点击链接，然后离开他们不喜欢的页面，进入感兴趣的板块。

近些年来，在用户界面的视觉设计中，“写实风格”应用正逐步成为主流。为了增加细节，已经可以使用3D效果、阴影、透明，甚至一些物理特性来修饰图标。这其中有些效果能显著改善可用性。

具有写实风格的图标设计如图2.22所示。

图2.22

APP的图形用户界面基本上就是一堆符号，大部分按钮、图标以及其他控件只是指代了某些概念或某个想法，如齿轮图标并不意味着一个齿轮，它只是告诉使用者点击之后可以进行软件的设置。越多的细节和越高的写实性会让用户的关注焦点脱离这些概念。当然，细节也不能太少，保证必要的识别性是前提，至少在一些图形相似的情况下要让用户看得出来这是什么东西。因此，图标的细节和可识别性有很大的关联性。

细节决定图标的质感如图2.23所示。

图2.23

[作者分享]

图标有一套标准尺寸和属性格式，且通常是小尺寸的。每个图标都含有多张相同显示内容的图片，每一张图片具有不同的尺寸和色数。一个图标就是一套相似的图片，每一张图片有不同的格式，从这一点上来说图标是三维的。图标还有另一个特性：它含有透明区域，在透明区域内可以透出图标下的桌面背景。在结构上，图标其实和麦当劳的巨无霸汉堡差不多。一个图标实际上是多张不同格式的图片的集合体，并且还包含了一定的透明区域。计算机操作系统和显示设备的多样性，导致了图标的大小需要有多种格式。

为了能让用户快速准确地读懂符号以及其背后的含义，过多华而不实的写实性只能给可用性带来明显的问题。在设计中增加细节的目的不是让界面和图标看起来像照片那样真实，而是提高可识别性，帮助用户更好地与各种控件进行交互操作。所以，图标设计的核心表意元素体现到位才是关键。

具有很强的可识别性的图标设计如图2.24所示。

图2.24

在图标设计中有时会出现这样的情况，设计出的单枚软件启动图标看起来很炫，但是投放到电子市场上后却不太受用户的喜爱，用户点击率很低。怎样从视觉设计的层面去提升APP软件启动图标的点击率呢？其实，在设计软件启动图标的过程中是有一定的共性的设计方法的，这些方法能够帮助设计者提升图标的点击率。

具有特点的图标可以提高用户的点击率，如图2.25所示。

图2.25

[作者分享]

设计者为了吸引使用者，可以运用隐喻的设计表现手法传达给用户信息，让用户看到图标后能够感知、想象、理解图标的意思。再加上有趣的形象设计，让用户容易理解图标的含义。这样精致隐喻的图标容易在第一时间吸引用户的眼球，受到用户的喜爱。

2.2.2  注重图标的创新性

在APP设计中，创新图标设计具有一定的方法。例如，分析同类APP图标，整理设计思路，再进行图标创新。人们在图标商店里搜索软件时，会发现很多相似的图标，这里面哪些图标会吸引用户的眼球呢？看过之后就会发现，那些设计有创意感、层次感和特定质感的精致图标会吸引用户的关注。

具有创意感的图标设计如图2.26所示。

图2.26

设计APP图标的另一种方法是增加图标的设计层次感和质感表现。设计好图标后，放在同类别的APP图标中去审视，看自己设计的图标是否能够抓住用户的眼球。

具有一定的特色并可以抓住用户眼球的图标设计如图2.27所示。

图2.27

[作者分享]

图标设计让APP的布局不再生硬，把整体分割成容易阅读和理解的众多板块，每一板块都内容丰富而充满魅力，吸引访客来点击阅读。图标是增强内容吸引力的工具，不要让它吸引了访客所有的注意力而忽略了内容。所以，要精心挑选一些样式和寓意都与内容紧密相连的图标。

2.2.3  图标设计的连续性

人们很少会注意到从种子到开花的过程，那是因为它变化的速度很慢，需要几周甚至更长的时间。而这个过程通过监拍摄像机快速回放时，就可以看到过程的变化。但在现实世界中，人们所感知的事物变化都是连续的，包括图标设计。

图标设计的连续性如图2.28所示。

图2.28

APP中的连续性如图2.29所示。

图2.29

在设计一个图标的时候，不仅仅只是考虑界面上的图形表现、布局排版，还需要考虑体验的连续性。我们应该关注细节，每个可操作的环节。设计师们的产品、交互、视觉设计等都应该确保每时每刻图标的体验都是完美的。

APP设计的连续性在客户体验方面是至关重要的。在传统的APP设计中，人们可以习惯性地按原有的思路操作软件，使整个工作流程更顺畅。但是，随着操作系统的发展，APP设计在一夜之间改变了人们的操作习惯。因此，连续性在进行APP设计中是非常需要注意的。

在APP设计中具有连续性的图标如图2.30、图2.31所示。

图2.30

图2.31

[作者分享]

图标应用于计算机软件方面，包括程序标志、数据标志、命令选择、模式信号或切换开关、状态指示等。一个图标是一个小的图片或对象，代表一个文件、程序、网页或命令。图标有助于用户快速执行命令和打开程序文件。单击或双击图标便可执行一个命令。图标也用于在浏览器中快速展现内容。