妄想or未来？界面的虚拟现实化.pdf

妄想or未来 ？界面的虚拟现实化 当1980年T hree Rivers公司第一次推出图形用户界面Perq ，产生GUI这个 念的时候 ，不知道他们 有没有想过今天图形界面设计竟然会发展到这个地步。而那之前 ，所谓计算机界面 ，展示在我们眼 前的还只是一大堆令人抓狂的代码。 最初的图形界面 ，目的是省去用户记忆命令列界面(CLI)里繁复的操作命令 ，简化操作 ，但是经过了 近30年的进化 ，图形界面早就不再以单纯的方便操作为目的而存在。从1984年初代Macint osh出现 到现在的微软的W in ，界面视觉的细节和表现力不断被强化着。 就图形用户界面而言 ，自从它的出现就带着一个特点 ，即在虚拟世界中的现实化 。无论是图标 ， 按钮 ，桌面或者窗口 ，在现实中都可以找到与这些元素对应的 念 ；而界面的视觉设计更是与现实 中的色彩感 ，质感和体量感有密切的关系。 这个特点不能不让人对界面的视觉究竟能发展到什么程度浮想联翩。既然界面是虚拟世界现实化的 产物 ，那么这个“现实化”到底能会把图形界面变成什么样呢 ？ 除了在二维界面中加强细节的表现 ，还有一种趋势正在渐渐变得常见 ：图形界面中元素的三维化 。 以下是笔者就这个趋势写的一些妄言 ，有不足之处请各位多多指正吧。 三维化使界面或网页中的某些部分 ，或是几个界面之间 ，变得像真实世界中的物体一样可以从不角 度观察 ，可以被翻转 ，甚至互相作用。界面中的这些部分因此会获得很强的表现力 ，有些效果也是 二维界面无法达到的。 以下是 W HIT Evo id公司的三维化作品展示页面。 详细的效果大家可以去这里体会 ：ht t p://www.w hit evo id.co m/po rtf o lio .ht ml 其实这个操作过程其实就是 ：打开文件夹- 选择里面的某个文件夹继续打开- 再打开…直到最后 一个层级。而经过三维化后这些简单的操作就变得丰满而妙趣横生起来。 三维化带来的表现力是个好东西。但万事有度。如果在设计时使用过度 ，三维化也会给使用者造成 困扰。下图是T ilt Viewer 的照片预览器 ，它的展示方法和 W HIT Evo id 如出一辙 ，并且没有这么多 的文件操作层级。 地址 ：ht t p:///t ilt viewer/app/ 地址 ：ht t p:///t ilt viewer/app/ 类似 W HIT Evo id 和 T ilt Viewer 两个例子的三维化界面 ，有不少都是采用“被动即时变化视角”的。也 就是说 ，在鼠标/手指移动在界面区域的过程中 ，用户的视角会随之发生改变。以下是 W HIT Evo id 和 T ilt Viewer 在视角活动区域上的区别。 由于在操作过程中视角变化始终存在 ，因此过于强烈的视觉体验就可能引起不适 ，在 T ilt Viewer 例 子中 ，镜头的焦距接近20mm ，产生了强烈的广角效果 ，其运动范围也非常宽阔 ，因此轻微的移动 都会造成巨大的透视变化和视角变化 ，而在照片放大后这种效果更加明显。这也是过分强调表现力 导致的副作用之一。 不过 T ilt Viewer 也给我们带来了有意思的想法 ，比如每张照片都是可以翻转的 ，背面显示的是照片 的具体信息。拜维度的增加所赐 ，类似这样对界面本身三维结构的设计 ，使界面变得值得琢磨和把 玩起来。 由上述的例子可以知道 ，三维化应用中使视觉设计和交互设计的变得更加紧密 ，维度的增加给设计 师带来了更多想象的空间 ，同时也增加了设计师需要考虑的方面。 上文提到的是两个网页展示三维化的例子 ，而目前的三维化在软件界面中最常扮演的角色 ，则对 分信息的视觉优化。与网页不同 ，在软件中使用三维化需要更加谨慎。很少有一个三维化界面 ，会 毫无保留的将每个组件 ，每个信息彻底的三维化。 一个原因在于有些内容不适合使用三维化 ；另外一个原因则是全三维界面资源消耗过大。 第三个原因是 ：对于一个应用了三维化界面来说 ，使用了多少技术不是关键 ，而是如何使用。 以下 是钻研 W PF 和 Silverlight 的 t hirt een23 公司出品的blu的截图。 blu 的三维化效果只出现在两类地方 ：一个是主界面和set t ing界面的转换处 ；另一个是接入Tw it t er 后对Tw it t er里内容卡片做出编辑时一个小翻转效果。但是这两个效果制作的都非常精致 ，运行也相 对流畅 （尤其是在Vist a和W in 系统上 ）。正是这些三维特效使得blu有别于一般IM或SNS软件脱颖 而出。 网址 ：ht t p://www.t hirt ee