许多非科班出身的设计师虽然在实操中积累了丰富经验，却往往缺乏对设计理论的深入理解。本文将聚焦于“示能与意符”这一设计心理学中的重要概念，探讨它们在交互设计中的应用与价值。

相信有很多交互设计师和我一样并非科班出生，实操做了不少，但只知其然不知其所以然。在极度内卷的环境下本宫又开始了新一轮内卷，决定再来新一轮的系统学习，前段时间在看设计心理学时注意到了“示能与意符”这个概念，发现虽然这么多年一直在这样做，却缺乏深层次的认知，或者说在受到开发挑战时无法做到有力回怼，而近期在某家付费课程中又看到了这个概念，我想把我的输入在这里输出一下，与各位互勉。

示能

我并不擅长一些高大上，官方的、书面的语言，所以请允许我来进行直白的讲述，掺杂我个人的理解。

所谓示能，就是说在用户初次使用时，就能知晓这个产品是做什么的。比如你去上洗手间的时候看到了一扇门，那你就知道你该从门里进去，而这个门的造型就提供了“进入”的功能。

生活中其实有很多关于产品“示能”的例子，比如洗手间里的洗漱池，我们不用问询就可以知道洗漱池就是用来清洁洗手的地方，我相信不会有正常的人会在洗漱池中进行小便。

我们看到自动售卖机里有很多饮品和零食，就知道在这里可以进行商品购买。

在机场中看到了很多购物车，我们就知道可以把沉重的行李放进去，手推肯定会比提着轻松的多。

所以，在生活中的很多商品都会从外形上告诉我们这个产品到底是用来做什么的。

而在交互设计中如何应用？请看下图

来看看这些设计中常用到的组件，首先来谈谈你的第一印象，去掉文中这些text占位，我们一眼就知道左一是点击下拉，左2是点击展开树结构，左3是点击选择，左4是点击开关，中1是2选1，中2是点击多选，右1是输入。

那么我们是如何不看文本就知道这些“意料之内”的操作的呢？不错，就是他们的形式，是开关还是选择，是多选还是单选，或者是输入都是由外在形式决定的。而这些icon,以及呈现形式就是“示能”的表现——示意他们自己的能力。而UX设计师很基础的操作就是将需求来搭建出用户意料之内的示能。

意符

所谓意符则是标识和示意

打个比方，你去往洗手间第一件事要做的恐怕不是推门进去，而是找寻标志，到底是男厕或者是女厕，或者是男女共同？而这些标识就是设计概念中的“意符”。

如果示能的作用是让我们知道产品是用来做什么的，那么意符的作用就是告诉用户到底应该怎样使用。

举个例子：我曾记得从小城市初入大城市的时候，我第一次使用感应水龙头，我找了好久没有找到开关在哪里。正如我所说的，洗手间的水池一眼就知道是用来洗手清洁的，但是造型各异的水龙头要怎么样让人知道如何使用？而当时那个洗漱池边并没有任何标记。于是，看到旁边有人使用之后我才开始有样学样的使用。那么，这个是我的问题吗？当然不是，设计富有创意是我们应该提倡的，但是默认每个用户都会使用就是设计师的不对了。

总会有新的产品，也总会有新的用户，那么“意符”就显得至关重要了。文字标注是设计师最通用的手段。那么体现在原型设计中就如下图所示：

如上图所示，如果没有这些文字光有控件的示能显然远远不够，而现在是不是清晰很多了？

意符的类型

很显然，意符不是只有文字可以充当，那么还有哪些常见意符类型？

1.文字意符

2.颜色意符

颜色意符很好理解比如：

a) 绿色：看到绿色你就知道是一种“顺利”比如：成功，进行中，可选择，已打开……都是一种积极的反馈。当然这是在界面中的呈现，那么在生活中呢？

街道上绿色的垃圾桶，通行时亮起的绿灯。

b)红色：看到红色你就知道是一种“截断”比如：失败，错误，中断，不可选……是一种消极的反馈

当然，这也是在界面中的呈现，那么在生活中呢？

仿佛在生活中红色标志的并不常见，小编能想起来的也就是阻止你前行的红灯，还有一些不太正规的按摩小店亮起的红灯暗示，当然还有总是给我赔付的京东外卖员。

c)黄色（或者橙色）看到黄色你就知道是一种“警示”比如：警告，提示……是一种需要注意的中性反馈。

由于金黄色在白天是并不太显眼，目前也被橙色系取代。清洁工，环卫工，美团，警示牌。

正是因为每个外卖商家的工作服都有自己的品牌色，所以我才可以在10米内精确找到我的外卖，啊哈，为啥是10米内，因为我近视，再远看不清。

3.动效意符：

比如，我们将希望用户点击（尤其是活动页，落地页）会做一些放大缩小动效，来暗示用户进行点击操作，还有一些引导页面会用动效箭头来担任“意符”。

那么在生活中呢？比如发廊门后的彩带旋转标识，一看就知道是理发店，而旋转的红蓝彩带说明这个发廊正在营业，在闪烁的绿灯说明红灯马上就要到了，这里也就能说明为什么一些运营类页面都要放一个按钮增加放大缩小动画了，因为闪烁有“催促”的意味，就是为了催着你赶快点击，也是一种视觉引导和心理暗示！

总结

示能与意符都是为了引导用户正确操作的手段，那么作为交互设计师要思考好需求的表现形式来利用“示能”让用户知道要进行什么操作，然后选择合适的“意符”让用户知道具体怎样操作。

好了，那今天先聊到这里，接下来有时间我都会进行总结和复盘，感谢各位关注！