妄想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,产生了强烈的广角效果,其运动范围也非常宽阔,因此轻微的移动都会造成巨大的透视变化和视角变化,而在照片放大后这种效果更加明显。这也是过分强调表现力导致的副作用之一。
猜你喜欢
- 传统来说,大家在CSS中使用的颜色要么是16进制格式,要么是rgb格式,就像rgb(171,205,239)。CSS3带来了一些新的处理颜色
- 你说的就是真正的计数器,它只在有新的用户进入网站时,计数器才会加1,忠实可靠。把下列代码放到的global.asa的sessio
- 注意,在改变数值之前锁定应用,确保一段时间里只有一个客户执行该语句。<SCRIPT LANGUAGE="VBScr
- 这个使用起来很简单,以前需要的时候在网上找的,用了感觉还不错,具体的看演示就明白了。,这个可以保留你文章中的html标记,需要你修改的就是下
- 数据库,网站运营的基础,网站生存的要素,不管是个人用户还是企业用户都非常依赖网站数据库的支持,然而很多别有用心的攻击者也同样非常&l
- MySQL支持大量的列类型,它可以被分为3类:数字类型、日期和时间类型以及字符串(字符)类型。本节首先给出可用类型的一个概述,并且总结每个列
- 其主要的优点便是无需再手工添加大量的信息了,可以指定对某一个站信息的截取进行批量录入,达到省时省力的目的。与其单纯的ASP小偷程序不同的是:
- 很多网站需要将好的会员号留着,或用于日后的盈利。实现方法不是本文讨论范围,本文仅列出用于检测靓号类型的一些正则。靓号检测:主要可以检测连号(
- 之前我写过一篇文章介绍如何实现中国站长站的文章干扰码功能:《谈中国站长站的文章干扰码实现方法》 首发在asp之家。如果大家有兴趣可以先看看。
- 首先呢,需要有两个mysql服务器。如果做测试的话可以在同一台机器上装两个mysql服务程序,注意要两个运行程序的端口不能一样。我用的是一个
- 判断某一个表的记录总数,对于一个开发者来说是最再常见不过的事,我想大家都常用的作法就是:以下为引用的内容:select count(*) f
- 俺比较笨,对太专业的书一直不感冒,看了就想睡觉。最近李明同学传了本“大话设计模式”电子版。偶然翻了翻,感觉还满通俗的,正适合我这样的懒人学习
- Google Chrome,又喜欢逛豆瓣,Google Chrome支持User Scripts了,但是我写的那几个插件在Chrome下又跑
- 上回 说到“大屏幕浏览页面的良好体验,本就应该用户自己调整窗口。”根据屏幕不同大小,缩小窗口出横向滚动条在所难免,但理想情况下,页面应该能适
- 图片外框特征参数:①dashed:虚线 ②dotted:点虚线 ③solid:实线 ④double:双线 ⑤groove:沟槽状 ⑥ridg
- 如果您目前拥有一个冷备份,但是缺少了其中的一个数据文件,但你目前存在所有的归档,如果您要恢复数据文件,可以参考以下的示例:[oracle@j
- ASP开发中有用的函数(function)集合,挺有用的,请大家保留!'******************************
- 描述微软开发的两个动态库存在后门允许用户查看ASP文件源程序和下载整个网站详细随IIS和Frontpage Extention server
- 当在设计中我们讨论到,对于一个功能或元素是否应该添加的时候,秉承“如无所需、勿增实体”的原则,我们通常会放弃只有小众/小部分人群才会使用的功
- 近年来流行 Ajax,而 Ajax 的本质就是 XMLHttpRequest,是客户端 XMLHttpRequest 对象的使用。相对于 A