网站APP应用图标设计原则

2021-05-06 分类：网站建设

一款简练的图标比起同样大小的文字符号，可以表达更多的意义，根据界面的需要，控制图标的大小和位置，达到布局美观，这也是文字标示所无法比拟的。
1.易识

易识别性是图标的灵魂，能准确地让用户理解到它所想表达的意思。图标的图形应该和目标的外形相似。通俗的讲，用户看到一个图标，就可以清晰明白这个图标的含义。图标含义清晰明确，便于用户明确获得操作步骤信息，及时做出正确的选择判断。

网站APP应用图标设计原则

网站APP应用图标设计原则

2.惯例
如果事情通常以固定的方式完成，那么它就变成了习惯或者惯例，并且用户期望以该方式去完成。有的设计如果不遵守惯例时，例如：浏览器上面主页的图标不是一个房子的造型时，用户会停下来思考，这样自然降低了效率。所以，尽量使用合适的图标惯例。
3.隐喻
隐喻旨以一种更为明显，更为熟悉的观念符号，来表示某种观念，观念之间存在着类似性。
①已经形成惯例的隐喻元素尽量不要轻易改变。诸如放大镜、垃圾桶、主页等这些被用户广泛认可的隐喻，不要放弃这一隐喻元素转而诉求别的隐喻元素。
②选择合适的隐喻对象。图标的功能和图形应该和现实生活中的产品功能和外形相一致，这样用户第一次使用就能获得很高的认同感，没有任何认知上的障碍。
4.联系

孤立的图标是没有意义的。图标与其他许多元素组合在一起显示在屏幕上，用户对图标的理解离开不了图标所处的上下文。上下文的因素又可包括物理上下文、认知上下文、隐喻上下文、时间上下文等。

网站APP应用图标设计原则

网站APP应用图标设计原则

5.一致
一致性是最重要的可用性特征之一，一致性应当应用于构成整体用户界面的各个不同媒体。设计中也要遵守界面设计中的一致性原则，主要体现在以下几个方面：
①一致的映射模式。在同一个系列图标中，用户对图标进行学习，积累经验，形成某种固定的映射模式，如果突然出现了另一种模式的映射，用户可能仍将延用先前形成的定势思维，进行理解，从而出现理解困难或理解偏差，造成不良的映射。
②一致的表现手法。表现手法的一致性主要体现在图标的色彩、表现形态、结构特征、光源、阴影、透视等多方面。色彩的一致性不仅仅包括色相，还要包括亮度、饱和度的统一以及渐变色的控制一致等。
③一致的风格。图标设计的5种风格：照片、素描漫画、剪影和轮廓等。在设计一个界面的时候，选择一个风格并坚持使用它。
6.信噪
图标的图像的细节程度，影响着用户对图标的性能判断。一个图像的认知需要一定数量的细节，但是过分的细节也可能导致认知性能的退化。那么，就可以引入一个电声学中的概念，信噪比，即信号噪声。

一般来讲，画面中相互关联的物体应该控制在3个以下，因为使用过于复杂的视觉元素越多，那么图标的意义指向可能性就越多，用户越有可能从各种各样的角度去解读，增大了噪声，该图标的可用性就可能越差。

网站APP应用图标设计原则