视差滚动在网页设计中的应用研究.docVIP

视差滚动在网页设计中的应用研究 　　摘要：视差滚动类网页作为近年来网页设计的热门趋势之一，一直备受广大互联网用户的关注。文章分析了视差滚动类网页的构成形式和技术原理，对其主要特点和形成原因进行了分析，指出了视差滚动在现实应用中所面临的问题，并就此给出适用于此类网页的应用原则。 　　关键词：视差滚动 网页设计 文本 　　视差滚动作为一项应用于网页设计中的新型视觉技术，它所带来的视觉观感虽不及3D视角下呈现给观者的既虚幻又真实的视觉触感，但在虚拟空间的技术呈现上带给观者的深度感知特性与3D技术带给观者的视觉观感无异，而且在观看沉浸程度上，叙事性的介入也使其丝毫不亚于柏拉图的“洞穴隐喻说”和现代影院的观看情境。 　　一、视差滚动的构成及技术原理 　　视差滚动的运用使多重图层随着鼠标对页面的滚动而在横向或纵向上产生各自不同速度和位置的移动，其文本层通常设置背景层和前景层，背景层的运动最慢，前景层的运动和页面的滚动基本一致，贴图层介于背景层和前景层之间，可以跟据页面的需要适当添加，运动速度比背景层略慢。在视觉呈现上，除了设置文本层的滚动速率各异外，还可限定相应文本的显示范围。比如页面滚动时快要超出视域范围的文本会被褪色隐藏，只突出视域范围的中心内容，形成被遮挡的视觉上的分层效果。 　　眼睛在观看物体时形成立体感的因素有：“双目视差、运动视差、适应性调节、视差图像融合等”，视差滚动形成的视觉景深感主要是由运动视差的干涉效应造成的。当观者和视觉对象发生相对运动时，视觉对象的大小和位置在视网膜上的投射也会发生改变，近处物体的投影移动较快，变化稍大，远处物体的投影移动略慢，变化较小，这种由于相对运动造成的视觉对象的变化叫运动视差。例如我们乘座交通工具向窗外观望时，近处的物体运动较快，而远处的物体运动较慢，从而给观者以视觉纵深感和空间感。 　　二、视差滚动类网页的特点及原因 　　1.图像文本为主要内容 　　此类网页一般是由分辨率较高的多幅图像彼此并列、交织或暗含所构成的，这里的图像不仅包含图片元素，还应包含动画和视频等文本形式。以图像文本为主要内容并不是对其它文本的摒弃，而是其它文本都融合进入图像中，成为依附于图像文本的一个次文本形式。 　　以图像文本为主要内容，一是因为高清图像的选择能迅速吸引受众的注意，带给观者极强的视觉冲击和美感享受；二是图像的信息量要远远大于文字等文本形式，图像中不仅包含用户看到的信息，也包含其潜移默化接受了但没有意识到的信息，这种信息更多是基于图像学和阐释学的；三是图像在拟态环境的空间塑造性上要远远强于文字等符号形式，因为“根据能指与所指之间的不同关系，符号体系可分为两类：由‘任意性关系’所形成的语言文字符号体系和由‘拟似性关系’所形成的影像符号体系。由于影像符号中能指和所指之间的拟似性和天然联系，使得图像文本在信息传播中具有方便陕捷、直观易懂和形象确切等天然优势。 　　除了上述内部因素外，外部因素的诉求也是以图像文本为主要内容的重要原因。从结构形式来说，图像的分层设立是形成视觉空间感的必要因素之一，图像更容易跟随鼠标滚动而出现聚合、分离、隐藏、显现等视觉表现，这既不影响观者进行阐释和解读，也是奇观呈现的一部分；就技术应用而言，视差滚动更多是基于图像的，图像文本是其效果实现的必要条件，这从视差滚动最初在游戏场景中的运用就可见一斑，在没有文字文本参与的情况下依然可以呈现出视差滚动的效果；从信息传播的角度来说，受众面对海量的信息需要花费大量时间和精力选择性观看，而视差滚动同时呈现的多层视图使占据版面大量繁琐、枯燥和抽象的文字信息得以图形化、形象化和视觉化，缩短了观者的阅读、思考和解释时间，易使观者产生视觉说服和认同；从时代发展来讲，我们已经进入了图像时代，“作为文本的世界已经被作为图像的世界所取代。自有文字记载以来，文字作为一种交流与传播的媒介在其历史发展的漫长进程中一直占据着霸主地位，而借助现代性的传播手段使一系列静态和动态图像文本的地位大大提升。 　　2.单页面排版为主要形式 　　此类网页大多采用单一页面的排版形式，这种排版通常舍弃了子网页，以一个超出屏幕视框数倍尺寸的页面排满整版，通过鼠标的滚动使页面产生横向或纵向的运动，页面的各级元素也随之呈现出视差滚动的效果。 　　此种排版异于长短不一和子网页繁杂的其它页面。究其原因，首先，是视域扩大的需要。在一个较大版面中，屏幕相当于观看视图的窗口，页面滚动是为了给观者呈现更大的场景和视域范围变化，受众也能获取到更多的信息资源；其次，是交互性开发的需要。视差滚动需要用户使用鼠标滚动网页来实现，这一交互进程需要输入（用户）、媒介（鼠标滚动）、输出（网页效果）。较长的页面能调动用户频繁使用鼠标滚动，进而呈现出奇观动画的效果，激发用户深入往下探索；再次，是