美文网首页广告圈设计智造平面设计
探究!图标设计原则有哪些?

探究!图标设计原则有哪些?

作者: 3ff99717dcad | 来源:发表于2019-04-03 08:06 被阅读4次

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

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

如果事情通常以固定的方式完成,那么它就变成 了习惯或者惯例,并且用户期望以该方式去完成。有的设计如果不遵守惯例时,例如:浏览器上面主页的图标不是一个房子的造型时,用户会停下来思考,这样自然降低了效率。所以,尽量使用合适的图标惯例。

隐喻旨以一种更为明显,更为熟悉的观念符号,来表示某种观念,观念之间存在着类似性。

①已经形成惯例的隐喻元素尽量不要轻易改 变。诸如放大镜、垃圾桶、主页等这些被用户广泛认可的隐喻,不要放弃这一隐喻元素转而诉求别的隐喻元素。

②选择合适的隐喻对象。图标的功能和图形应该和现实生活中的产品功能和外形相一致,这样用户第一次使用就能获得很高的认同感,没有任何认知上的障碍。

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

一致性是最重要的可用性特征之一,一致性应当 应用于构成整体用户界面的各个不同媒体。设计中也要遵守界面设计中的一致性原则,主要体现在以下几个方面:

①一致的映射模式。 在同一个系列图标中,用户对图标进行学习,积累经验,形成某种固定的映射模式,如果突然出现了另一种模式的映射,用户可能仍将延用先前形成的定势思维,进行理解,从而出现理解困难或理解偏差,造成不良的映射。

②一致的表现手法。 表现手法的一致性主要体现在图标的色彩、表现 形态、结构特征、光源、阴影、透视等多方面。色彩的 致性不仅仅包括色相,还要包括亮度,饱和度的统 以及渐变色的控制一致等。

③一致的风格。 图标设计的5种风格:照片、素描漫画、剪影和轮廓等。在设计一个界面的时候,选择一个风格并坚持使用它。

图标的图像的细节程度,影响着用户对图标 的性能判断。一个图像的认知需要一定数量的细节,但是过分的细节也可能导致认知性能的退化。那么,就可以引入一个电声学中的概念,信噪比,即信号噪声。

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

在信息传达的过程中,为了信息传递的可靠性, 在图标设计中加入一些必要文字是最有效的方式。这样能保证更好地理解图标传达的含义。因为有些图标在没有文字标注的情况下,不能表达出实际的意义。

图标要直观化、易读、易懂、易识别、认知负担少,能与外观两全,在图标设计过程中要时刻保持图标的创造原则。

相关文章

  • 探究!图标设计原则有哪些?

    文/刘伟元 一款简练的图标比起同样大小的文字符号,可以表达更多的意义,根据界面的需要,控制图标的大小和位置,达到布...

  • 框架层定义

    主要包括交互设计、导航设计、信息设计。每个页面具体的界面设计,要考虑有哪些控件,哪些哪些图标文字信息等。 界面设计...

  • 探究!APP图标设计方法

    文/吴永坚 一款精美的 APP图标,不仅是 APP程序对外连接的窗口,而且是一个重要的"促销员"。一个富有创意的 ...

  • 设计模式

    软件开发中常用设计模式和设计原则有哪些? ##设计模式: * 1、简单工厂模式(Factory) * 2、策略模式...

  • Web设计的设计原则有哪些?

    一、保持网页的朴素 一个好的网站最重要的一点就是界面的简单、朴素。你听说过“KISS”法则吗?“KeepItSim...

  • 《原则》工作部分(十六)

    12 诊断问题,探究根源 遇到问题时,你的目标是剖析问题的根源——具体到哪些人、哪些设计导致了问题的产生,并探究人...

  • 六大设计原则(SOLID)

    一、SOLID 设计模式的六大原则有: Single Responsibility Principle:单一职责原...

  • 六大设计原则(SOLID)

    一、SOLID 设计模式的六大原则有: Single Responsibility Principle:单一职责原...

  • 44 面向对象程序设计原则

    问题: 面向对象程序设计原则有哪些? 答案: (1)单一职责原则(Single Responsibility Pr...

  • icon的设计原则有哪些?

    风格统一?大错特错 现在很多视觉设计师一味的追求icon的绘制风格,这本没有错,独特的风格可以让icon在界面中脱...

网友评论

    本文标题:探究!图标设计原则有哪些?

    本文链接:https://www.haomeiwen.com/subject/wzwobqtx.html