聊聊数字化产品的「设计语言」( 六 )

正确示例:使用检索可以快速搜索任务。

不良示例:你一定会爱上方便快捷的检索功能!

7. 语速

语速在这里指的是界面的信息密度,在不同的场合对语速的控制能够提升接受者的体验,视觉设计也同样需要注意把握间距与留白,网格系统在这里可以起到“节拍器”的作用,借助节拍器可以让设计更具节奏感。而交互意义上的语速,更多体现在操作路径的长度,以及动效的速率。

聊聊数字化产品的「设计语言」

如上,富途证券在产品介绍与盘中交易2个不同场景下的“语速”

8. 响度

其实就好像我们说话可以通过音量大小来控制信息的可感知程度,希望接受者听清楚的就说大声一点。

汤姆奥斯本(Tom Osborne)的视觉响度指南(visual loudness guide)是一个如何系统地处理按钮和链接的例子,它们不是单独列出,而是作为一个套件呈现,并且根据每个元素的视觉冲击力会相应的拥有一个「响度」值。我们在构建设计语言系统时,也同样需要设置梯级“响度”的按钮、字重等组件来满足不同场景的表达需求。

推荐阅读