3D網(wǎng)頁(yè)游戲的界面設(shè)計(jì)與操作體驗(yàn)分析

陳志敏

摘 要：網(wǎng)頁(yè)游戲是以互連網(wǎng)技術(shù)為基礎(chǔ)進(jìn)行的多人在線互動(dòng)游戲，這種游戲一經(jīng)推出便深受廣大玩家所喜愛(ài)，得到了快速發(fā)展。而3D技術(shù)的加入，更是使網(wǎng)頁(yè)游戲開(kāi)辟了一個(gè)新的篇章。本文將以網(wǎng)頁(yè)游戲與3D網(wǎng)頁(yè)游戲?qū)嵤┯绊?、意義介紹為切入點(diǎn)，對(duì)3D網(wǎng)頁(yè)游戲操作體驗(yàn)與界面設(shè)計(jì)相關(guān)內(nèi)容開(kāi)展全面分析，期望能夠?yàn)槲覈?guó)游戲事業(yè)發(fā)展帶來(lái)一定啟示。

關(guān)鍵詞：視覺(jué)效果；網(wǎng)頁(yè)游戲；Web3d技術(shù)；界面設(shè)計(jì)

界面設(shè)計(jì)就是通過(guò)對(duì)軟件的運(yùn)用，實(shí)現(xiàn)對(duì)界面美觀、人機(jī)交互以及操作邏輯等內(nèi)容的設(shè)計(jì)，進(jìn)而突出軟件系統(tǒng)特色，保證軟件操作能夠更加自由、舒適，以確保軟件特點(diǎn)與定位能夠被使用者所掌握。而其在網(wǎng)頁(yè)游戲中的作用更大，能夠直接影響到玩家的游戲操作體驗(yàn)與視覺(jué)感受，是網(wǎng)頁(yè)游戲設(shè)計(jì)者所關(guān)注的重點(diǎn)。為創(chuàng)建出更加逼真的模擬場(chǎng)景，為玩家?guī)?lái)更加優(yōu)質(zhì)的游戲享受，3D技術(shù)開(kāi)始在網(wǎng)頁(yè)游戲設(shè)計(jì)中得到了應(yīng)用。

一、網(wǎng)頁(yè)游戲

2007年網(wǎng)頁(yè)游戲開(kāi)始在我國(guó)出現(xiàn)，并在09年開(kāi)始爆發(fā)。網(wǎng)頁(yè)游戲也被稱(chēng)之為“Web”游戲，屬于無(wú)端網(wǎng)絡(luò)游戲【1】。這種游戲是以Web為基礎(chǔ)，進(jìn)行多人在線互動(dòng)的一種網(wǎng)絡(luò)游戲。且這種游戲操作較為簡(jiǎn)單，并不需要對(duì)客戶(hù)端進(jìn)行下載，只需進(jìn)入到IE網(wǎng)頁(yè)便能直接進(jìn)入到游戲之中，并不會(huì)出現(xiàn)及其配置不足以及其他方面的問(wèn)題，操作相對(duì)較為方便。

網(wǎng)頁(yè)游戲是對(duì)傳統(tǒng)單機(jī)游戲的一種突破，玩家能夠通過(guò)界面操作進(jìn)行任角色的扮演，能夠幫助玩家對(duì)自身天性進(jìn)行釋放，使他們能夠在虛擬世界中做自己想要的事情，市場(chǎng)發(fā)展空間較為廣闊。也正是因?yàn)檫@一點(diǎn)，行業(yè)人士都加大了對(duì)網(wǎng)頁(yè)游戲的設(shè)計(jì)與研究力度，并著重對(duì)界面設(shè)計(jì)與用戶(hù)操作體驗(yàn)兩個(gè)方面進(jìn)行了優(yōu)化。

二、3D網(wǎng)頁(yè)游戲?qū)嵤┑囊饬x與影響

（一）意義

在3D技術(shù)應(yīng)用到網(wǎng)頁(yè)游戲中之后，游戲整體表現(xiàn)力得到了切實(shí)提升，無(wú)端概念與有端概念界限劃分也更加模糊，網(wǎng)頁(yè)游戲藝術(shù)得到了切實(shí)改革【2】。該項(xiàng)技術(shù)的使用，使網(wǎng)頁(yè)游戲穩(wěn)定性與游戲內(nèi)容表達(dá)等內(nèi)容質(zhì)量都得到了切實(shí)提升，游戲操作也更加快捷、方便。

3D網(wǎng)頁(yè)游戲是因信息技術(shù)發(fā)展而誕生的，整體網(wǎng)頁(yè)視覺(jué)感受更加真實(shí)、逼真，能夠?yàn)橥婕規(guī)?lái)更加震撼的視覺(jué)享受，與現(xiàn)代人的高審美需求完全相符合。同時(shí)這種技術(shù)的加入，也成功推動(dòng)了2D網(wǎng)頁(yè)游戲向3D網(wǎng)頁(yè)游戲藝術(shù)發(fā)展的步伐，使網(wǎng)絡(luò)游戲進(jìn)入到了一個(gè)全新的時(shí)代。

（二）影響

3D技術(shù)在網(wǎng)頁(yè)游戲中的運(yùn)用，會(huì)對(duì)網(wǎng)頁(yè)游戲藝術(shù)變革產(chǎn)生直接影響，最為直觀的表現(xiàn)就是網(wǎng)頁(yè)游戲畫(huà)面表現(xiàn)更加立體化、真實(shí)化【3】。隨著Web3D技術(shù)的日益成熟，3D網(wǎng)頁(yè)游戲也開(kāi)始在國(guó)內(nèi)興起，其用戶(hù)群增長(zhǎng)極為迅猛，是我國(guó)游戲行業(yè)新的發(fā)展機(jī)遇。

三、3D網(wǎng)頁(yè)游戲界面設(shè)計(jì)與操作體驗(yàn)

（一）網(wǎng)頁(yè)界面設(shè)計(jì)流程

為對(duì)3D網(wǎng)頁(yè)游戲界面設(shè)計(jì)與操作體驗(yàn)進(jìn)行深度分析，我們首先應(yīng)對(duì)網(wǎng)頁(yè)游戲界面設(shè)計(jì)流程進(jìn)行明確【4】。

游戲界面設(shè)計(jì)主要分為四部分內(nèi)容：第一，數(shù)據(jù)收集與用戶(hù)群體調(diào)查。由于游戲主要面向廣大玩家，因此為獲得玩家的肯定與支持，在進(jìn)行游戲界面設(shè)計(jì)之前，相關(guān)人員都會(huì)對(duì)玩家進(jìn)行調(diào)查并會(huì)對(duì)相關(guān)數(shù)據(jù)進(jìn)行收集，同時(shí)還會(huì)對(duì)以往的設(shè)計(jì)項(xiàng)目備份進(jìn)行數(shù)據(jù)分析與收集，以便為后續(xù)工作提供可靠的數(shù)據(jù)支持；第二，設(shè)計(jì)人員會(huì)對(duì)收集到的數(shù)據(jù)進(jìn)行深度分析，并從中獲得靈感，對(duì)游戲情景以及任務(wù)模型進(jìn)行創(chuàng)建，形成初步設(shè)計(jì)；第三，為確保游戲設(shè)計(jì)能夠到達(dá)最佳狀態(tài)，設(shè)計(jì)人員會(huì)對(duì)自身設(shè)計(jì)進(jìn)行評(píng)估、調(diào)整，之后再評(píng)估的循環(huán)式設(shè)計(jì)模式，如果整體過(guò)程出現(xiàn)數(shù)據(jù)不足的情況，設(shè)計(jì)人員需要再次對(duì)數(shù)據(jù)進(jìn)行收集，并會(huì)制作出相應(yīng)的游戲測(cè)試環(huán)節(jié)，通過(guò)讓用戶(hù)實(shí)際體驗(yàn)來(lái)對(duì)游戲存在的問(wèn)題進(jìn)行明確，從而通過(guò)不斷調(diào)整，獲得最佳界面設(shè)計(jì)模式；第四，當(dāng)獲得最終模式之后，設(shè)計(jì)人員仍然不能松懈，要對(duì)玩家游戲反饋情況進(jìn)行統(tǒng)計(jì)與整理，并不斷對(duì)界面設(shè)計(jì)進(jìn)行優(yōu)化，以確保游戲界面的呈現(xiàn)質(zhì)量。

（二）3D網(wǎng)頁(yè)游戲的界面設(shè)計(jì)創(chuàng)新

（1）界面設(shè)計(jì)方面

在進(jìn)行界面設(shè)計(jì)過(guò)程中，整體設(shè)計(jì)必須要與游戲本身功能以及畫(huà)面保持一致。而2D網(wǎng)頁(yè)游戲往往較為簡(jiǎn)單、平面，二維圖片是其構(gòu)成的主要元素，整體畫(huà)面較為簡(jiǎn)單，界面設(shè)計(jì)難度也相對(duì)較低。但在3D網(wǎng)頁(yè)游戲之中，傳統(tǒng)網(wǎng)頁(yè)游戲形象得到了顛覆，界面設(shè)計(jì)也更加功能化、大型化，界面設(shè)計(jì)難度相對(duì)高，整體畫(huà)面感也更加飽滿(mǎn)。但因?yàn)椴僮鬟壿嫺星逦鹊膯?wèn)題，玩家必須要通過(guò)多種輔助鍵才能操作游戲中的角色，因此在界面設(shè)計(jì)過(guò)程中還要從玩家操作感受入手，要以方便玩家操作為原則，不斷對(duì)界面操作進(jìn)行完善，切實(shí)提升控制感的真實(shí)度。

（2）界面操作方面

Web3d技術(shù)的運(yùn)用，成功帶動(dòng)了網(wǎng)頁(yè)游戲藝術(shù)的改革，整體游戲界面設(shè)計(jì)更加新穎，界面中的功能按鈕也按照系統(tǒng)作出了分類(lèi)與規(guī)劃，這樣就能使整體功能按鈕完全呈現(xiàn)在玩家面前，使他們?cè)谟螒蜻^(guò)程中能夠?qū)θ诌M(jìn)行掌控，游戲操作與游戲進(jìn)程更加清晰、明確，細(xì)節(jié)表現(xiàn)更加突出，能夠極大方便玩家的操作。例如在《游仙》游戲之中，游戲界面就能夠?qū)Ω鞣N功能鍵以及游戲地圖進(jìn)行呈現(xiàn)，玩家可以根據(jù)自己的需求隨時(shí)對(duì)其進(jìn)行了解，游戲體驗(yàn)更加理想。

（三）3D網(wǎng)頁(yè)游戲的操作體驗(yàn)感受

（1）添加玩家交流功能

由于網(wǎng)頁(yè)游戲?qū)儆诙嗳嗽诰€互動(dòng)式操作，因此玩家往往需要相互配合才能完成相應(yīng)的游戲任務(wù)，這就要求玩家必須在游戲過(guò)程中進(jìn)行相互交流，而3d網(wǎng)頁(yè)游戲正好能夠滿(mǎn)足這一點(diǎn)，玩家可以通過(guò)網(wǎng)絡(luò)與特定人員或多人進(jìn)行視頻和音頻交流，這是傳統(tǒng)界面信息窗溝通所不能比擬，整體交流更加人性化、個(gè)性化，能夠有效提升玩家之間的合作質(zhì)量，確實(shí)增強(qiáng)游戲的娛樂(lè)性與互動(dòng)性。

（2）操作邏輯感模糊性

以往玩家在對(duì)2D網(wǎng)頁(yè)游戲進(jìn)行操作時(shí)，操作方向基本以上下左右為主，而操作水平面與玩家的視覺(jué)通常呈現(xiàn)為平行或垂直的狀態(tài)，這樣的操作往往較為簡(jiǎn)單，而這種操作感覺(jué)也被稱(chēng)之為是游戲操作邏輯感。3D網(wǎng)頁(yè)游戲定位準(zhǔn)確性相對(duì)較低，游戲邏輯感相對(duì)較為模糊。主要是因?yàn)樵摼W(wǎng)頁(yè)游戲?qū)儆诹Ⅲw性空間，玩家必須要通過(guò)自己調(diào)整空間角度以及對(duì)鼠標(biāo)、鍵盤(pán)進(jìn)行操作的方式，對(duì)角色進(jìn)行定位，這種相對(duì)復(fù)雜的操作方式，可以增加游戲的逼真度以及刺激性，使用戶(hù)能夠獲得更加震撼的視覺(jué)享受，進(jìn)而全身心投入到游戲之中。

（3）故事線索更加完整

網(wǎng)頁(yè)游戲通常都具有一定的故事代入感，這也是游戲是否能夠長(zhǎng)久發(fā)展的主要影響因素，與傳統(tǒng)網(wǎng)頁(yè)游戲相比，3D網(wǎng)頁(yè)游戲的故事內(nèi)容更加豐富、細(xì)膩，而宏偉的故事背景勢(shì)必會(huì)為各個(gè)角色帶來(lái)更加豐富的世界觀選擇選項(xiàng)，會(huì)成功激發(fā)出玩家的探究意愿，使其愿意消費(fèi)去對(duì)不同世界觀進(jìn)行探索，為游戲持續(xù)性發(fā)展奠定良好基礎(chǔ)。

結(jié)束語(yǔ)：

通過(guò)本文的介紹，使我們對(duì)3D網(wǎng)頁(yè)游戲相關(guān)內(nèi)容有了更加深入的了解。業(yè)內(nèi)人士應(yīng)認(rèn)識(shí)到3D技術(shù)對(duì)于網(wǎng)頁(yè)游戲的重要作用，要對(duì)該項(xiàng)技術(shù)進(jìn)行深入研究與分析，并要按照網(wǎng)頁(yè)游戲特點(diǎn)以及界面設(shè)計(jì)與操作設(shè)計(jì)方式，合理將該項(xiàng)技術(shù)融入到網(wǎng)頁(yè)游戲創(chuàng)作之中，為廣大玩家?guī)?lái)更加逼真、優(yōu)質(zhì)的游戲操作體驗(yàn)，使3D網(wǎng)頁(yè)游戲能夠獲得更大的發(fā)展空間，可以為國(guó)民經(jīng)濟(jì)增長(zhǎng)作出一定貢獻(xiàn)。

參考文獻(xiàn)：

[1]夏光富，周彥辰，郭華，曾皓.3D網(wǎng)頁(yè)游戲的全新界面設(shè)計(jì)和操作體驗(yàn)[J].中外企業(yè)家，2014，17：251.

[2]劉晉鋼，劉衛(wèi)斌，劉晉霞.Kinect與Unity3D數(shù)據(jù)整合技術(shù)在體感游戲中的應(yīng)用研究[J].電腦開(kāi)發(fā)與應(yīng)用，2014，11：7-11+14.

[3]付昕.網(wǎng)頁(yè)游戲中界面設(shè)計(jì)的研究和應(yīng)用[J].企業(yè)技術(shù)開(kāi)發(fā)，2016，19：74-76.

[4]吳少軍.網(wǎng)頁(yè)游戲開(kāi)發(fā)新趨勢(shì)與新技術(shù)漫談[J].當(dāng)代教育理論與實(shí)踐，2012，06：175-176.