🌏 English

一个图标背后的心理暗示

我在做一个推拉式信息栏的设计,向上滑动,可以显示更多信息。这个再寻常不过的动作,怎样准确传达给用户?怎样让用户知道这里是可以拖动的呢?

由三条长度递减的横杠组成的推拉抽屉指示图标

我第一反应就是画出了这样一个图形,似乎有那么点意思。

手机地图App界面中用红圈和箭头标出的底部抽屉拉拽指示图标

放到UI设计中看,它确实表达出了我所要表达的信息,但是为什么呢?为什么我会首先想到这个图形?说实话,它挺抽象的,又是如何表达出这层含义?这个问题,我以前从来没想过。

细想,它与日常生活颇有渊源。这个图形,其实是由实物演变而来的。想想生活中那些带有条纹的物体,这种设计往往是为了增大摩擦力,目的是方便手指推拉滑动。

电脑鼠标侧面带防滑斜纹的橡胶贴片特写

带纵向防滑细条纹的蓝色塑料饮料瓶盖

遥控器背面电池盖上带有防滑横纹和指示箭头的指压槽

鼠标、瓶盖、遥控器后盖上都能见到这种设计。

真相大白!有时候,我们需要的是扁平的形,拟物的神。