張曉娜，孔 霞

（晉中信息學(xué)院，山西 晉中 030800）

1 網(wǎng)頁中的交互

隨著人們審美觀念的提升，現(xiàn)代網(wǎng)頁設(shè)計是結(jié)合了計算機學(xué)、編程語言、美學(xué)、三維制作、傳感設(shè)備等技術(shù)藝術(shù)融合性學(xué)科，尤其是虛擬現(xiàn)實技術(shù)的開發(fā)和應(yīng)用，使網(wǎng)頁中的交互已由傳統(tǒng)的二位交互轉(zhuǎn)化為三維的虛擬情境交互，三維虛擬情境中真實、自然、生動的人物場景，為我們網(wǎng)站交互指出了的新方向。因為美學(xué)的加入，網(wǎng)頁上的頁面布局、排版、圖文信息更加地精致美觀，給使用者帶來新的視覺享受。網(wǎng)頁中的交互使得靜態(tài)網(wǎng)頁自然地轉(zhuǎn)化為三維的動態(tài)網(wǎng)頁，無論從視覺、聽覺、觸覺、嗅覺上都能讓使用者真切地捕捉到場景中事物的動態(tài)，并能進行實時交互，工作效率得以提高，生活節(jié)奏得以加速，也大大增加了網(wǎng)頁瀏覽的受眾群，使大眾操作起來更簡潔明了，規(guī)避了傳統(tǒng)網(wǎng)頁中的復(fù)雜操作的流程，大大提高了使用者的瀏覽速度。網(wǎng)頁交互中的虛擬情境，讓使用者可以360°無死角地進行了深度觀察和體驗，大大增加了網(wǎng)頁的趣味感和舒適度，使現(xiàn)代的網(wǎng)頁交互更好地為人們服務(wù)[1]。

2 虛擬情境體驗

虛擬情境在網(wǎng)站上的使用是一種探索，也是一種創(chuàng)新，它立足根本，以用戶為中心，結(jié)合多種技術(shù)和藝術(shù)手法，就拿三維圖形生成技術(shù)來說，需要依靠三維建模軟件3D、Maya等軟件創(chuàng)建三維空間的人物、動物、植物、場景等。如果能把這樣的交互體驗和視覺盛宴也帶給網(wǎng)站的用戶，將會是網(wǎng)站的新風(fēng)口。網(wǎng)站交互的新風(fēng)向就需要考慮用戶的視覺需求，增強用戶的視覺享受，同時有特色的網(wǎng)站界面也給軟件產(chǎn)品帶來了巨大賣點。網(wǎng)站交互技術(shù)交融性，可以讓使用者感受到三維空間中的世界，是人與機“對話”的橋梁。而高分辨率技術(shù)是創(chuàng)建高清人物形象的基礎(chǔ)，只有高清的分辨率，才能讓受眾體驗到虛擬情境中的真實感，甚至使用者可以全方位看到虛擬情境中的每一處細(xì)節(jié)，如人在畫中游一般。如大型網(wǎng)游就吸引了無數(shù)的主動用戶，包括癡迷于網(wǎng)游的不同年齡段的使用者。人們通過分析可知，網(wǎng)游的超強吸引力主要原因之一在于游戲本身的體驗感，用戶在使用過程中可以很直觀、無壓力、很興奮地沉浸其中。只需通過鍵盤或鼠標(biāo)的點擊操作，就能完成人機交互的動態(tài)體驗，用戶很輕松地融入到游戲場景中，切身感受到游戲帶來的興奮感和刺激感，甚至成為游戲中的一員，使得用戶有很強的存在感和體驗感。借鑒游戲中的沉浸式體驗，享受那一刻的刺激與心動，虛擬情境會在未來的網(wǎng)頁交互設(shè)計中發(fā)揮不可估量的作用。

3 網(wǎng)頁交互中的視覺重構(gòu)

3.1 網(wǎng)頁交互的虛擬環(huán)境

網(wǎng)頁交互中虛擬環(huán)境的搭建是以軟件、硬件為依托，技術(shù)與藝術(shù)相結(jié)合的交互體系，不同于傳統(tǒng)的HTML網(wǎng)絡(luò)協(xié)議，它不再僅僅停留在平面形式的排版與設(shè)計，還支持全球用戶通過網(wǎng)絡(luò)應(yīng)用虛擬三維空間進行實時交互。

3.2 頁面交互的情感體現(xiàn)

3.2.1 本能情感

對網(wǎng)站用戶來說，其第一時間看到網(wǎng)頁界面時所產(chǎn)生的不同心理感受和無意識的直覺就是本能情感。此情感有積極和消極之分，大數(shù)據(jù)環(huán)境下的網(wǎng)頁設(shè)計師追求的是能給用戶創(chuàng)造不一樣的頁面視覺感受，也就是所謂的第一印象，并通過技術(shù)、藝術(shù)、美學(xué)、趣味等方式體現(xiàn)出來。頁面中的視覺元素所帶來的藝術(shù)價值和人機交互中產(chǎn)生的趣味性顯得尤為重要。

3.2.2 行為情感

行為情感就是頁面在被用戶使用過程中，因人機互動而產(chǎn)生的一種心理感受。成功的網(wǎng)頁交互設(shè)計無一例外都使用戶和頁面互動，讓用戶有一種參與感。這就要求設(shè)計人員不僅會后臺編程，更需要掌握美學(xué)知識，抓住用戶的心理，讓用戶在使用網(wǎng)站時產(chǎn)生情感共鳴。

4 網(wǎng)頁交互中的虛擬情境體驗

4.1 高效轉(zhuǎn)化率

在網(wǎng)頁交互中，虛擬情境體驗顯得尤為重要，把新技術(shù)運用到網(wǎng)站設(shè)計，立足于用戶，會無形中提高網(wǎng)站信息的傳輸和接受速率。在網(wǎng)頁設(shè)計創(chuàng)意中加入虛擬情境體驗（如企業(yè)新品發(fā)布、娛樂游戲、專題專項活動策劃等），可以準(zhǔn)確直觀地再現(xiàn)出網(wǎng)頁內(nèi)容主題，提前預(yù)測活動效果，節(jié)省活動成本，彌補活動可能出現(xiàn)的不足，大大提高了轉(zhuǎn)化率。

4.2 優(yōu)化用戶體驗

在眾多同類網(wǎng)站中，能讓用戶印象深刻并愿意多花時間使用的莫過于人性化的、特色明顯的實用性網(wǎng)站。如網(wǎng)頁各級菜單之間的切換效果，轉(zhuǎn)場動態(tài)的效果，用戶的主動控制系統(tǒng)交互的屬性，媒體元素的恰當(dāng)使用，都能很好地優(yōu)化用戶的體驗感。

4.3 交互與沉浸性體驗

在網(wǎng)頁設(shè)計中，交互體驗是用戶與網(wǎng)頁之間建立的新媒介，交互是優(yōu)化用戶頁面更直觀有效的方法，用戶的體驗感增強，信息的反饋也會更及時，網(wǎng)頁交互體驗就是滿足目標(biāo)用戶的期許，了解用戶的需求和心理，用戶的審美心理、審美視知覺等，尋求技術(shù)與藝術(shù)兩者結(jié)合的“度”，在碰撞出最理想的狀態(tài)同時還要考慮各種有效的交互方式。視覺上對用戶的吸引只是短暫的，遠遠不能滿足現(xiàn)在人們對交互體驗的更高追求，這就要求開發(fā)者需要花費心思在交互體驗上，如何讓交互與虛擬現(xiàn)實體驗完美結(jié)合，讓用戶不自覺地全身心投入其中而不自知，才是用戶想要的真實體驗，也是開發(fā)者的追求目標(biāo)。尤其在游戲和數(shù)字展示領(lǐng)域。網(wǎng)頁交互中沉浸式體驗表現(xiàn)為用戶在瀏覽網(wǎng)頁時憂慮感消失，主觀的時間和空間短暫定格，身心愉悅地享受網(wǎng)業(yè)的神奇的體驗效果。網(wǎng)頁交互中的虛擬情境的運用，使得各個頁面可選擇的方式有很多，為不同主題網(wǎng)頁、不同用戶打造不一樣的體驗。使得網(wǎng)站的整體效果上更個性化、特色化，也為不同用戶打造不同的體驗效果。當(dāng)今社會，人們對滲入生活的各類網(wǎng)站提出更高的要求，設(shè)計師也需要站在時代前沿，以人為本，不斷創(chuàng)新。在網(wǎng)頁交互中，虛擬現(xiàn)實技術(shù)的用戶體驗，仁者見仁、智者見智，當(dāng)然，設(shè)計師也要不斷更新展示方式，這樣做的網(wǎng)頁個性化十足，也剔除了一直被模仿的詬病，使網(wǎng)頁的設(shè)計更加個性化。

4.4 網(wǎng)頁創(chuàng)意性情境體驗

網(wǎng)頁交互的情境體驗對設(shè)計師的創(chuàng)意起到了促進作用，讓網(wǎng)站設(shè)計師與用戶產(chǎn)生交流，并主動融入作品，提升設(shè)計者的審美，推動學(xué)科融合、專業(yè)有效銜接，不能為了技術(shù)而技術(shù)，也不能為了設(shè)計而設(shè)計，而是要多元化、多角度地考慮頁面中元素存在的合理性和必要性，認(rèn)真推敲，優(yōu)化頁面。網(wǎng)頁交互的虛擬情境體驗不僅對設(shè)計師提出了要求，對用戶也呈現(xiàn)了不同情境，這就要求與時俱進，不斷創(chuàng)新。

5 網(wǎng)頁交互中虛擬情境體驗的優(yōu)勢

5.1 彌補硬件設(shè)施的不足

這里所說的“硬件”是廣泛意義上的硬件，不僅指機器設(shè)備本身，還指因受經(jīng)濟、地域、空間、時間等受限，不能在網(wǎng)頁上輕松操作完成。虛擬現(xiàn)實技術(shù)能幫助在不同行業(yè)中搭建新的四維空間，彌補硬件的短板，同時增加用戶的各種體驗，獲得真切的現(xiàn)實體驗，節(jié)省了硬件成本和人工成本。

5.2 打破空間的限制

能搭建模擬仿真模型，為人們創(chuàng)造一個生動、逼真、趣味十足的新的空間環(huán)境，用戶可以參與進來，扮演一個新角色，這樣在使用過程中既調(diào)動起用戶的積極性又能激發(fā)其主人公意識，更有利于網(wǎng)頁的宣傳和推廣。一些已流失或消失的重要資料，通過平臺的搭建，可以真實再現(xiàn)以前的場景，讓用戶長知識的同時縮短了大量查閱資料和收集資料的時間，在提高了效率的同時，縮短了距離，也為用戶無形中節(jié)省了時間。

6 交互網(wǎng)頁中虛擬情境的UI展示

人機交互界面是系統(tǒng)和用戶之間進行交互和信息交換的橋梁。UI交互更好更靈活，信息展示方式更符合人類直觀感受，操作簡單。實體UI界面是用戶通過物理環(huán)境與數(shù)字信息發(fā)生交互行為，如VR（虛擬現(xiàn)實）和AR（增強現(xiàn)實）。在網(wǎng)頁交互中，恰當(dāng)?shù)腢I展示能給用戶帶來不一樣的使用體驗。無論是網(wǎng)站、游戲，還是虛擬現(xiàn)實，都需要UI界面的制作，對于界面可分為兩種。一種是跟隨VR頭盔移動的UI，這種模式需要提供一個攝像機用于渲染UI界面，在UI界面與攝像機之間放置一些開發(fā)對象，可以通過渲染攝像機，使用UI跟隨頭盔進行移動。另一種是將UI看作3D物體作用于空間中的開發(fā)對象，在這種模式下，整個畫布被認(rèn)定為是一個3D空間中的開發(fā)對象，與創(chuàng)建其他三維物體一樣，該模式下UI是不會跟著頭盔移動。

在虛擬現(xiàn)實中的交互會通過手柄發(fā)出一條射線，當(dāng)射線碰到UI元素后，結(jié)合手柄的操作，可調(diào)用相應(yīng)的方法。用線來操作UI界面通常有以下幾種方式：利用LineReander繪制； 3DUI實現(xiàn)；利用Cube縮放和GL庫繪制。

虛擬情境的動效UI在網(wǎng)站中可起到支持微交互、顯示運動過程、動態(tài)解釋和裝飾的作用。富有美感和流動性的動效UI時刻提醒用戶接下來發(fā)生的事情，引導(dǎo)窗口切換，創(chuàng)造對象間的層級感和空間感，減少用戶對等待事件的認(rèn)知，同時提升網(wǎng)頁的趣味性和個性化。動態(tài)UI虛擬情境可以拉近與用戶之間的距離，模擬真實的場景，用戶可以很清晰的感受物體與物體之間的位置和層級關(guān)系。

7 交互式網(wǎng)頁中虛擬情境的展示應(yīng)用

7.1 展示原理

基于立體顯示的影像展示原理包括：①視差原理。人眼具有輔助與自適應(yīng)特性，輔助特性可以合成左右眼看到的圖形，使其合并成一幅圖，從而避免重影現(xiàn)象的出現(xiàn)；自適應(yīng)特性可作用在視網(wǎng)膜上聚焦遠處物體成像。立體顯示技術(shù)就是充分利用視差原理，是雙眼產(chǎn)生視差性。②電子全屏展示原理。拍攝時采用全息底片拍攝以及再現(xiàn)全息照片，使其為全息圖像提供動態(tài)顯示，在動態(tài)屏幕展示全息照片再現(xiàn)立體影像。③體積型展示原理。對立體物體的散射光進行再現(xiàn)處理，并對三維物體進行分割，使其成為點陣圖形，利用立體顯示圖像采集設(shè)備掃描點陣，同時利用人眼視覺固有的暫留效應(yīng)組建立體影像。利用體積型原理可減少觀看時產(chǎn)生的不適感。

7.2 應(yīng)用概況

目前虛擬現(xiàn)實在城市規(guī)劃、房地產(chǎn)建設(shè)、醫(yī)療、旅游、舞臺設(shè)計、影視等交互虛擬展示領(lǐng)域應(yīng)用廣泛，并取得了一定成效。如房子優(yōu)勢銷售是房地產(chǎn)營銷的核心，營銷中經(jīng)常使用虛擬現(xiàn)實情境手段為消費者營造真切的看房體驗，將立體影像傳遞給消費者，從而達到刺激消費的目的。在產(chǎn)品展示方面，可以利用虛擬技術(shù)、三維模型、立體影像等技術(shù)在平臺上發(fā)布虛擬三維產(chǎn)品外形數(shù)據(jù)，展示臺可多角度全方位的呈現(xiàn)產(chǎn)品外形。據(jù)統(tǒng)計數(shù)據(jù)分析，目前虛擬展示應(yīng)用中解決了靈活度、技術(shù)人員缺失、投資額度大等難題，且獲得了交互性、人性化的展示。

7.3 應(yīng)用實例

以房地產(chǎn)為例，為了讓異地準(zhǔn)客戶能清晰領(lǐng)略項目的建筑環(huán)境、周邊配套、室內(nèi)格局及不同戶型的視覺效果，設(shè)計了以立體影像為基礎(chǔ)的虛擬影像系統(tǒng)，消費者在體驗系統(tǒng)時可觀看虛擬仿真的景觀配套、建筑立體模型、室內(nèi)效果，切身體驗游歷樓盤項目的樂趣。另一方面，還可以利用交互虛擬系統(tǒng)中的查詢、導(dǎo)航等菜單，循環(huán)關(guān)注自己感興趣的部分。360°全景觀看影像還可以通過系統(tǒng)轉(zhuǎn)發(fā)到自己的電子設(shè)備上（如手機、計算機），以備隨時觀看。全方位立體化虛擬影像展示采用了以下方法：①三維場景設(shè)計。為了能夠展示360°全景效果，最大限度地還原樓盤項目的原貌，需要制作和搭建仿真的三維場景。在繪制全景圖時需采用樓盤照片、航拍技術(shù)、衛(wèi)星圖、規(guī)劃圖及實測數(shù)據(jù)資源，同時利用三維軟件制作相應(yīng)的模型圖，以便保證立體影像與實景的還原性、一致性。②音頻設(shè)計。為了提升消費者的購房欲望，在立體影像展示中可配以音頻效果（如解說、場景音樂等），且音頻設(shè)計是能夠靈活控制音量大小、停止或播放的。

7.4 網(wǎng)站中的探索

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

8 結(jié)束語

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