網頁交互中的虛擬情境體驗

張曉娜，孔 霞

（晉中信息學院，山西 晉中 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 網站中的探索

不同的網站有不同的展示效果，對于使用者來說，好的網站需要有明確的導航指引，精美的頁面展示，易學、易操作，以及良好的互動性和絕美的體驗感。以新建的學習型網站為例，用戶首先需要做的是操作上的便利，可以在頁面明顯的地方植入三維影像的全景手把手教學視頻，哪里不會點哪里，就是贏得使用者的好感，且節約了學習時間。對于技術性網站，專業性就顯得尤為重要，如果網站上有全景的導航指引，用戶在學習過程中就會省去很多麻煩，且體驗感更好，也增加了學習的樂趣。

8 結束語

現階段，虛擬現實技術由于資金、設備等因素尚未普及，僅處于前期研發階段，網頁交互中的虛擬情境僅處于小范圍的體驗中。但是，隨著技術的提升和跨學科跨專業的融合，網站交互的體驗性也逐步成為開發者考慮的重心。