妄想or未来?界面的虚拟现实化

作者:BLIZZARD 来源:tencent cdc blog 时间:2010-03-01 12:53:00 

当1980年Three Rivers公司第一次推出图形用户界面Perq,产生GUI这个概念的时候,不知道他们有没有想过今天图形界面设计竟然会发展到这个地步。而那之前,所谓计算机界面,展示在我们眼前的还只是一大堆令人抓狂的代码。

  最初的图形界面,目的是省去用户记忆命令列界面(CLI)里繁复的操作命令,简化操作,但是经过了近30年的进化,图形界面早就不再以单纯的方便操作为目的而存在。从1984年初代Macintosh出现到现在的微软的Win7,界面视觉的细节和表现力不断被强化着。

就图形用户界面而言,自从它的出现就带着一个特点,即在虚拟世界中的现实化。无论是图标,按钮,桌面或者窗口,在现实中都可以找到与这些元素对应的概念;而界面的视觉设计更是与现实中的色彩感,质感和体量感有密切的关系。

这个特点不能不让人对界面的视觉究竟能发展到什么程度浮想联翩。既然界面是虚拟世界现实化的产物,那么这个“现实化”到底能会把图形界面变成什么样呢?

除了在二维界面中加强细节的表现,还有一种趋势正在渐渐变得常见:图形界面中元素的三维化。以下是笔者就这个趋势写的一些妄言,有不足之处请各位多多指正吧。

三维化使界面或网页中的某些部分,或是几个界面之间,变得像真实世界中的物体一样可以从不角度观察,可以被翻转,甚至互相作用。界面中的这些部分因此会获得很强的表现力,有些效果也是二维界面无法达到的。

以下是 WHITEvoid公司的三维化作品展示页面。

详细的效果大家可以去这里体会:http://www.whitevoid.com/portfolio.html

其实这个操作过程其实就是:打开文件夹-> 选择里面的某个文件夹继续打开-> 再打开…直到最后一个层级。而经过三维化后这些简单的操作就变得丰满而妙趣横生起来。

三维化带来的表现力是个好东西。但万事有度。如果在设计时使用过度,三维化也会给使用者造成困扰。下图是TiltViewer 的照片预览器,它的展示方法和 WHITEvoid 如出一辙,并且没有这么多的文件操作层级。

地址:http://www.simpleviewer.net/tiltviewer/app/

类似 WHITEvoid 和 TiltViewer 两个例子的三维化界面,有不少都是采用“被动即时变化视角”的。也就是说,在鼠标/手指移动在界面区域的过程中,用户的视角会随之发生改变。以下是 WHITEvoid 和 TiltViewer 在视角活动区域上的区别。

由于在操作过程中视角变化始终存在,因此过于强烈的视觉体验就可能引起不适,在 TiltViewer 例子中,镜头的焦距接近20mm,产生了强烈的广角效果,其运动范围也非常宽阔,因此轻微的移动都会造成巨大的透视变化和视角变化,而在照片放大后这种效果更加明显。这也是过分强调表现力导致的副作用之一。

标签:虚拟,现实,设计,产品
0
投稿

猜你喜欢

  • MySQL 通过索引优化含ORDER BY的语句

    2024-01-12 19:16:06
  • pytorch 限制GPU使用效率详解(计算效率)

    2022-01-24 06:55:53
  • keras 实现轻量级网络ShuffleNet教程

    2023-06-27 05:19:26
  • javascript农历日历及世界时间代码

    2007-12-21 13:25:00
  • 详细分析Python可变对象和不可变对象

    2021-03-10 22:50:10
  • Python Numpy计算各类距离的方法

    2022-12-03 13:52:53
  • django2+uwsgi+nginx上线部署到服务器Ubuntu16.04

    2022-01-15 17:03:09
  • 用CSS实现柱状图(Bar Graph)的方法(三)——复杂柱状图的实现

    2008-05-26 13:36:00
  • python 装饰器详解与应用范例

    2022-03-18 01:06:55
  • python print()函数的end参数和sep参数的用法说明

    2023-11-02 01:01:38
  • pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法

    2021-05-20 07:01:01
  • ndarray的转置(numpy.transpose()与A.T命令对比分析)

    2023-11-13 05:57:27
  • 解读MaxPooling1D和GlobalMaxPooling1D的区别

    2023-07-21 10:54:43
  • 详细讲解Python中的文件I/O操作

    2022-01-01 19:04:53
  • python破解WiFi教程代码,Python蹭网原理讲解

    2022-09-05 20:14:43
  • Python实现发送与接收邮件的方法详解

    2023-04-05 04:48:43
  • Python split() 函数拆分字符串将字符串转化为列的方法

    2022-02-12 00:14:19
  • python批量提取图片信息并保存的实现

    2021-10-08 05:21:14
  • 支持中文的Len, Left, Right函数

    2008-03-18 13:50:00
  • 无法在Web服务器上启动调试。未将项目配置为进行调试

    2024-03-21 03:11:13
  • asp之家 网络编程 m.aspxhome.com