为什么不能在 UI 设计里滥用图标/icon？

#迷你设计课

现在不管是设计师开始开发者，都喜欢在 UI 设计里大量使用 icon，而且特别喜欢把 icon 当做点击的控件，来代替按钮、文字

这就在用户体验层面上，带来 2 个常见使用障碍：

- 看不懂 icon，不知道代表什么操作
- 看不清 icon，各种小 icon 分散在界面各个地方，看得特别累

看不懂 icon

主要原因是 icon 是一种抽象符号（symbol），不同的文化背景对这些抽象符号有不同解读

1，比如图一这组 MVP 概念图，大家可能对这些图标有不同的理解。其实这里画的是美国人很典型的汽车文化：

- 十几岁开二手车、家人淘汰的旧车（所以最左边那辆破车很容易抛锚，不得不下车推着走🤣）
- 以后改开好皮卡、更好的 SUV
- “中年危机”再买跑车

以前给我们装修的美国大爷就这样，闲聊时他说他上高中时开“烧机油比烧汽油还多”的破车，现在他工作时开皮卡，周末开图二那款道奇挑战者“地狱猫”肌肉车👏

2，又比如图三这一堆莫名其妙的鬼画符，其实是日本马桶行业协会制定的自动马桶按钮上的标准图标

实际意思如图四所示，你猜中了几个？

怎么设计更容易看懂的 icon

最主要的有三个技巧

1，按照受众的文化背景，用他们约定俗成的符号和形状来设计 icon

比如❤️是世界通用的符号，谁都能看懂；而🍩对中国用户而言就有一点小难度

2，避免过度简化、或者过度抽象导致 icon 不明所以

比如日本马桶行业协会的那些 icon，就属于高度抽象的设计，在没有概念的情况下，只能瞎猜它们的含义

3，为 icon 搭配文字

这个很好理解，现实世界里的日本自动马桶，按钮上至少会标注日文，对中国人而言，总能看懂一半🤣

回到标题，为什么不能在 UI 设计里滥用图标/icon？

看不懂的 icon 和看不清的 icon，会为新用户的操作带来阻力，或者增加老用户操作出错的机会

用户（包括我们每个设计师、开发者）其实都很懒

我们愿意花一整天在游戏里探索艰险的环境、我们愿意憋2小时看烧脑电影挑战智力、我们愿意每天花几十分钟在网上对根本不懂的问题大加评论…

但我们都不想在点按钮、点 icon 这种事情上浪费 0.1 秒

点击图片查看原图

点击图片查看原图

点击图片查看原图

点击图片查看原图