组合式图标设计的思考方式有哪些?

发布者: 乾学优行者 发布时间: 2020-9-28 浏览 185
  组合式图标设计的思考方式有哪些?组合式图标的设计细节其实比想像中的多,主要符号与辅助符号的选用及位置,不仅只有考虑图标的意涵,易用性与情境也是考虑的因素,因此在设计组合式图标时,除了遵循一些常用的样式,可以试着多思考一些细节,或许会有些有趣的发现,今天我们将和零基础学ui设计的新人一起分享一些组合式图标的思考方式。

组合式图标设计的思考方式有哪些?

  一、选择明确的主要符号

  在选用主要符号时,要了解这个符号本身可能隐含的意思,一个符号可能有多种的解读方式,论其本质,可能就会考虑到像是本篇所提到「总量」及「变量」的概念,对图标设计而言,应该还有更多可以思考概念,例如,符号本身是「可数」还是「不可数」,是「动词」还是「名词」,是「具象」或「抽象」 …等等,图标的选用正确,才能设计出有效的图标。推荐阅读>>>系统图标规范的几大标准

  二、考量辅助符号的意涵、情境与空间限制

  如同前面的内容所说的,辅助符号的位置不同,解读的意涵就会有所差异,另外操作情境与易用性也会影响辅助符号的位置,而最不好的妥协就是空间限制,因为放不下或是视觉理由。虽然这些没有一定的规则,但图标设计本身,就是尽量做到让每个细节都赋予意义。

  三、文字的辅助

  同一种图标可以具有多重意义, 例如:「新增好友」与「加关注」的图标,如果是要「关注(follow)」一个对象,要怎么用图标表示?如果搜寻关键字「follow」,会发现跟新增好友是一样的图标,所以为了避免混淆,通常用文字加以说明,或是用文字「+关注(+follow)」来替代图标,所以当图标使用上容易混淆用户时,用文字来替代或辅助,也是解决的方法。

  四、考虑产品情境来减化图标

  如果用户在明确的操作情境下使用APP,像是在电子信箱APP里要新增一封新的电子邮件,那只需要用「+」的图标来指引用户就够了,不须使用有加号与信封符号的组合式图标来指引用户,因此考虑产品情境来减化图标也可以降低用户对于图标的认知负载。

  组合式图标设计的思考方式有哪些?图标设计其实是ui界面设计里比较基础的一部份,按照惯例去设计虽然不会有太大的问题,但容易忽略掉一些可以讨论的细节,这些细节有时候很理所当然,但仔细想想并非如此。

本页网址:https://www.u-walker.com/icon/3169.html

上一篇: 图标设计的重要性你知道吗?

下一篇: 提高UI设计风格有哪几种技巧?

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部