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