网页交互中的虚拟情境体验

2023-01-07张晓娜

数字通信世界 2022年2期

张晓娜，孔霞

（晋中信息学院，山西晋中 030800）

1 网页中的交互

随着人们审美观念的提升，现代网页设计是结合了计算机学、编程语言、美学、三维制作、传感设备等技术艺术融合性学科，尤其是虚拟现实技术的开发和应用，使网页中的交互已由传统的二位交互转化为三维的虚拟情境交互，三维虚拟情境中真实、自然、生动的人物场景，为我们网站交互指出了的新方向。因为美学的加入，网页上的页面布局、排版、图文信息更加地精致美观，给使用者带来新的视觉享受。网页中的交互使得静态网页自然地转化为三维的动态网页，无论从视觉、听觉、触觉、嗅觉上都能让使用者真切地捕捉到场景中事物的动态，并能进行实时交互，工作效率得以提高，生活节奏得以加速，也大大增加了网页浏览的受众群，使大众操作起来更简洁明了，规避了传统网页中的复杂操作的流程，大大提高了使用者的浏览速度。网页交互中的虚拟情境，让使用者可以360°无死角地进行了深度观察和体验，大大增加了网页的趣味感和舒适度，使现代的网页交互更好地为人们服务[1]。

2 虚拟情境体验

虚拟情境在网站上的使用是一种探索，也是一种创新，它立足根本，以用户为中心，结合多种技术和艺术手法，就拿三维图形生成技术来说，需要依靠三维建模软件3D、Maya等软件创建三维空间的人物、动物、植物、场景等。如果能把这样的交互体验和视觉盛宴也带给网站的用户，将会是网站的新风口。网站交互的新风向就需要考虑用户的视觉需求，增强用户的视觉享受，同时有特色的网站界面也给软件产品带来了巨大卖点。网站交互技术交融性，可以让使用者感受到三维空间中的世界，是人与机“对话”的桥梁。而高分辨率技术是创建高清人物形象的基础，只有高清的分辨率，才能让受众体验到虚拟情境中的真实感，甚至使用者可以全方位看到虚拟情境中的每一处细节，如人在画中游一般。如大型网游就吸引了无数的主动用户，包括痴迷于网游的不同年龄段的使用者。人们通过分析可知，网游的超强吸引力主要原因之一在于游戏本身的体验感，用户在使用过程中可以很直观、无压力、很兴奋地沉浸其中。只需通过键盘或鼠标的点击操作，就能完成人机交互的动态体验，用户很轻松地融入到游戏场景中，切身感受到游戏带来的兴奋感和刺激感，甚至成为游戏中的一员，使得用户有很强的存在感和体验感。借鉴游戏中的沉浸式体验，享受那一刻的刺激与心动，虚拟情境会在未来的网页交互设计中发挥不可估量的作用。

3 网页交互中的视觉重构

3.1 网页交互的虚拟环境

网页交互中虚拟环境的搭建是以软件、硬件为依托，技术与艺术相结合的交互体系，不同于传统的HTML网络协议，它不再仅仅停留在平面形式的排版与设计，还支持全球用户通过网络应用虚拟三维空间进行实时交互。

3.2 页面交互的情感体现

3.2.1 本能情感

对网站用户来说，其第一时间看到网页界面时所产生的不同心理感受和无意识的直觉就是本能情感。此情感有积极和消极之分，大数据环境下的网页设计师追求的是能给用户创造不一样的页面视觉感受，也就是所谓的第一印象，并通过技术、艺术、美学、趣味等方式体现出来。页面中的视觉元素所带来的艺术价值和人机交互中产生的趣味性显得尤为重要。

3.2.2 行为情感

行为情感就是页面在被用户使用过程中，因人机互动而产生的一种心理感受。成功的网页交互设计无一例外都使用户和页面互动，让用户有一种参与感。这就要求设计人员不仅会后台编程，更需要掌握美学知识，抓住用户的心理，让用户在使用网站时产生情感共鸣。

4 网页交互中的虚拟情境体验

4.1 高效转化率

在网页交互中，虚拟情境体验显得尤为重要，把新技术运用到网站设计，立足于用户，会无形中提高网站信息的传输和接受速率。在网页设计创意中加入虚拟情境体验（如企业新品发布、娱乐游戏、专题专项活动策划等），可以准确直观地再现出网页内容主题，提前预测活动效果，节省活动成本，弥补活动可能出现的不足，大大提高了转化率。

4.2 优化用户体验

在众多同类网站中，能让用户印象深刻并愿意多花时间使用的莫过于人性化的、特色明显的实用性网站。如网页各级菜单之间的切换效果，转场动态的效果，用户的主动控制系统交互的属性，媒体元素的恰当使用，都能很好地优化用户的体验感。

4.3 交互与沉浸性体验

在网页设计中，交互体验是用户与网页之间建立的新媒介，交互是优化用户页面更直观有效的方法，用户的体验感增强，信息的反馈也会更及时，网页交互体验就是满足目标用户的期许，了解用户的需求和心理，用户的审美心理、审美视知觉等，寻求技术与艺术两者结合的“度”，在碰撞出最理想的状态同时还要考虑各种有效的交互方式。视觉上对用户的吸引只是短暂的，远远不能满足现在人们对交互体验的更高追求，这就要求开发者需要花费心思在交互体验上，如何让交互与虚拟现实体验完美结合，让用户不自觉地全身心投入其中而不自知，才是用户想要的真实体验，也是开发者的追求目标。尤其在游戏和数字展示领域。网页交互中沉浸式体验表现为用户在浏览网页时忧虑感消失，主观的时间和空间短暂定格，身心愉悦地享受网业的神奇的体验效果。网页交互中的虚拟情境的运用，使得各个页面可选择的方式有很多，为不同主题网页、不同用户打造不一样的体验。使得网站的整体效果上更个性化、特色化，也为不同用户打造不同的体验效果。当今社会，人们对渗入生活的各类网站提出更高的要求，设计师也需要站在时代前沿，以人为本，不断创新。在网页交互中，虚拟现实技术的用户体验，仁者见仁、智者见智，当然，设计师也要不断更新展示方式，这样做的网页个性化十足，也剔除了一直被模仿的诟病，使网页的设计更加个性化。

4.4 网页创意性情境体验

网页交互的情境体验对设计师的创意起到了促进作用，让网站设计师与用户产生交流，并主动融入作品，提升设计者的审美，推动学科融合、专业有效衔接，不能为了技术而技术，也不能为了设计而设计，而是要多元化、多角度地考虑页面中元素存在的合理性和必要性，认真推敲，优化页面。网页交互的虚拟情境体验不仅对设计师提出了要求，对用户也呈现了不同情境，这就要求与时俱进，不断创新。

5 网页交互中虚拟情境体验的优势

5.1 弥补硬件设施的不足

这里所说的“硬件”是广泛意义上的硬件，不仅指机器设备本身，还指因受经济、地域、空间、时间等受限，不能在网页上轻松操作完成。虚拟现实技术能帮助在不同行业中搭建新的四维空间，弥补硬件的短板，同时增加用户的各种体验，获得真切的现实体验，节省了硬件成本和人工成本。

5.2 打破空间的限制

能搭建模拟仿真模型，为人们创造一个生动、逼真、趣味十足的新的空间环境，用户可以参与进来，扮演一个新角色，这样在使用过程中既调动起用户的积极性又能激发其主人公意识，更有利于网页的宣传和推广。一些已流失或消失的重要资料，通过平台的搭建，可以真实再现以前的场景，让用户长知识的同时缩短了大量查阅资料和收集资料的时间，在提高了效率的同时，缩短了距离，也为用户无形中节省了时间。

6 交互网页中虚拟情境的UI展示

人机交互界面是系统和用户之间进行交互和信息交换的桥梁。UI交互更好更灵活，信息展示方式更符合人类直观感受，操作简单。实体UI界面是用户通过物理环境与数字信息发生交互行为，如VR（虚拟现实）和AR（增强现实）。在网页交互中，恰当的UI展示能给用户带来不一样的使用体验。无论是网站、游戏，还是虚拟现实，都需要UI界面的制作，对于界面可分为两种。一种是跟随VR头盔移动的UI，这种模式需要提供一个摄像机用于渲染UI界面，在UI界面与摄像机之间放置一些开发对象，可以通过渲染摄像机，使用UI跟随头盔进行移动。另一种是将UI看作3D物体作用于空间中的开发对象，在这种模式下，整个画布被认定为是一个3D空间中的开发对象，与创建其他三维物体一样，该模式下UI是不会跟着头盔移动。

在虚拟现实中的交互会通过手柄发出一条射线，当射线碰到UI元素后，结合手柄的操作，可调用相应的方法。用线来操作UI界面通常有以下几种方式：利用LineReander绘制； 3DUI实现；利用Cube缩放和GL库绘制。

虚拟情境的动效UI在网站中可起到支持微交互、显示运动过程、动态解释和装饰的作用。富有美感和流动性的动效UI时刻提醒用户接下来发生的事情，引导窗口切换，创造对象间的层级感和空间感，减少用户对等待事件的认知，同时提升网页的趣味性和个性化。动态UI虚拟情境可以拉近与用户之间的距离，模拟真实的场景，用户可以很清晰的感受物体与物体之间的位置和层级关系。

7 交互式网页中虚拟情境的展示应用

7.1 展示原理

基于立体显示的影像展示原理包括：①视差原理。人眼具有辅助与自适应特性，辅助特性可以合成左右眼看到的图形，使其合并成一幅图，从而避免重影现象的出现；自适应特性可作用在视网膜上聚焦远处物体成像。立体显示技术就是充分利用视差原理，是双眼产生视差性。②电子全屏展示原理。拍摄时采用全息底片拍摄以及再现全息照片，使其为全息图像提供动态显示，在动态屏幕展示全息照片再现立体影像。③体积型展示原理。对立体物体的散射光进行再现处理，并对三维物体进行分割，使其成为点阵图形，利用立体显示图像采集设备扫描点阵，同时利用人眼视觉固有的暂留效应组建立体影像。利用体积型原理可减少观看时产生的不适感。

7.2 应用概况

目前虚拟现实在城市规划、房地产建设、医疗、旅游、舞台设计、影视等交互虚拟展示领域应用广泛，并取得了一定成效。如房子优势销售是房地产营销的核心，营销中经常使用虚拟现实情境手段为消费者营造真切的看房体验，将立体影像传递给消费者，从而达到刺激消费的目的。在产品展示方面，可以利用虚拟技术、三维模型、立体影像等技术在平台上发布虚拟三维产品外形数据，展示台可多角度全方位的呈现产品外形。据统计数据分析，目前虚拟展示应用中解决了灵活度、技术人员缺失、投资额度大等难题，且获得了交互性、人性化的展示。

7.3 应用实例

以房地产为例，为了让异地准客户能清晰领略项目的建筑环境、周边配套、室内格局及不同户型的视觉效果，设计了以立体影像为基础的虚拟影像系统，消费者在体验系统时可观看虚拟仿真的景观配套、建筑立体模型、室内效果，切身体验游历楼盘项目的乐趣。另一方面，还可以利用交互虚拟系统中的查询、导航等菜单，循环关注自己感兴趣的部分。360°全景观看影像还可以通过系统转发到自己的电子设备上（如手机、计算机），以备随时观看。全方位立体化虚拟影像展示采用了以下方法：①三维场景设计。为了能够展示360°全景效果，最大限度地还原楼盘项目的原貌，需要制作和搭建仿真的三维场景。在绘制全景图时需采用楼盘照片、航拍技术、卫星图、规划图及实测数据资源，同时利用三维软件制作相应的模型图，以便保证立体影像与实景的还原性、一致性。②音频设计。为了提升消费者的购房欲望，在立体影像展示中可配以音频效果（如解说、场景音乐等），且音频设计是能够灵活控制音量大小、停止或播放的。

7.4 网站中的探索

不同的网站有不同的展示效果，对于使用者来说，好的网站需要有明确的导航指引，精美的页面展示，易学、易操作，以及良好的互动性和绝美的体验感。以新建的学习型网站为例，用户首先需要做的是操作上的便利，可以在页面明显的地方植入三维影像的全景手把手教学视频，哪里不会点哪里，就是赢得使用者的好感，且节约了学习时间。对于技术性网站，专业性就显得尤为重要，如果网站上有全景的导航指引，用户在学习过程中就会省去很多麻烦，且体验感更好，也增加了学习的乐趣。