在前文我们知道了,工具图标的三种设计类型,以及对应的不同风格。

图1,三种主要类型的图标

图1,三种主要类型的图标

本章中,内容主要分为规范讲解和案例演示两个部分,规范是工具图标的重点,划重点!希望读者千万不要跳过这部分的知识讲解直接去看演示了。


2.1 表意的准确

在第一部分中,我们知道图标的主要作用之一就是作为文字的替代品,具有明确的寓意。比如看见一个放大镜,我们会当成那是搜索,看见钥匙或者锁,我们就会理解成是密码,比如下面这些图标,每一个指代的功能和寓意都是非常直白、清晰的。

图2.寓意明确的图标

图2.寓意明确的图标

表达的寓意清晰,是工具图标最基本的要求,否则它只会传递错误的信息,造成用户的困惑。

在常见的图标类型里,如通知、设置、用户、分享之类的图标,对于任何手机用户来说都没有认知和选择压力。但表意准确麻烦的地方在于,一些非常规的寓意,极难用图标表现出来,这才是我们使用工具图标的首要麻烦。

比如下方这些图标,如果我不加上文字信息,大家能理解它们是什么吗?

图3

图3