没有分)的早起显像管显示屏上,我们也能很好地辨别出各个图形想要传达的信息:哪里看上去可以点击,哪里应该可以拖拽。而实现这一点的,便是拟真。
拟真是设计中常见的装饰手段。在第一代GUI操作系统中我们便可以看到,按钮通过阴影表现出突起的效果,音量控制条长得就像现实中录音机上的音量控制滑块一样。窗口的标题栏上一条条横杠表现出的较大摩擦力的感觉提示着用户这里可以通过拖拽来移动窗口,记事本甚至做出了纸角翘起的效果指示用户在这个窗口下用户可以干什么。这些元素甚至直到今天仍然被广泛地应用着。
图1 世界上第一款GUI操作系统Macintosh System Software部分界面
为什么交互设计中的装饰例如拟真对改进交互设计中引导的明确性有如此大的功效?因为人们生活中接触最多的毕竟还是实体。现在花很多时间和显示屏对话的人,绝大多数经历了一个很少接触虚拟交互界面的儿童时代。儿时的经历和体验,往往会形成根深蒂固的深层意识,引导人生活中的每一个动作。而在虚拟交互界面设计中刻意的拟真,便是要唤醒人们在现实世界中的经历和体验,让人们能快速理解设计师的意图。非常容易理解,一旦按钮增加了光泽和阴影,它就好像凸了起来,人们会理所当然地将手指或是鼠标移动到上面点击。甚至实物的设计也可以通过刻意塑造表面模仿其他物品的质感来传递有关产品使用方法和特性的信息。
iOS截图
苹果在这一方面再一次走在了领先地位。观察上面两张iOS(苹果便携移动终端例如iPhone、iPad搭载的操作系统)截图中红圈内的图形。我在08年第一次接触iOS时看到左图的瞬间就明白了它的作用。按住那些横杠然后拖动,就可以改变播放
列表的排序。而右图是最新版本iOS中引入的通知中心(Notification Center)界面,底部模仿现实中按钮上为增加摩擦而设的凹槽的图形让人很快明白拖拉它可以如同控制卷帘门一样拖动下拉的通知中心页面。
拟真给交互带来的另一种促进作用体现在用户体验上。现在的交互设计师们更加关注用户体验(User Experience)。而影响用户体验最显著的,便是信息量。虽然今天的世界据说处在一种信息过剩的状态,实际上却可能并不富裕。泛滥的只是媒介中零零碎碎的信息,每个碎片上信息量实际上很小。大脑的压力不是因为数量,而是因为有限的质量。[4] 很多人喜欢光着脚在鹅卵石上走,便是因为一块块石头之间微弱的差异让人感受到石头中携带的岁月留下的大量信息。交互设计中的拟真便能很好地丰富用户的体验,让用户使用产品的同时享受大量而精致的信息带来的愉悦。这样的信息甚至不仅仅可以使产品体验变得丰满,更可以传达一种氛围,将用户引入恰当的环境和心情中,以便更好地引导动作。因为模仿现实让虚拟界面接近一种"感件(Senseware)"[5],来唤醒人们视觉以外的感受。
图2 iOS 5中精致的拟真质感设计,成为移动应用界面设计争先模仿的对象
如今随着显示技术的不断发展以及新形式交互的兴起(例如触控),引导的设计更加精致明确,也更普遍。但是近年流行的拟真风格发生了极大的变化。这一点可以通过大部分软件的图标演变看出。请看下图谷歌Chrome浏览器图标的演变:
图3 左:Chrome 4图标 右:Chrome 19图标
以往的拟真可以用"浓墨重彩"四个字来形容。高光、明度跨度非常大的渐变、又重又明显的阴影,夸张的表面纹理,复杂的图案。而现在的拟真给人一种更为平淡但同时更加细致的感受。设计师们开始注意到,虽然丰富用户的体验、传达足够的信息量很重要,但若是一味追求贴近现实,会让信息的主次关系变得模糊。事实上人眼非常敏锐,只需淡淡的一点渐变就能传达出"凸起"或"凹陷"的视觉效果。过