【正文】 同學(xué)科參與的工程，認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、符號(hào)學(xué)等都扮演著重要的角色。游戲界面設(shè)計(jì) (Game Interface Design 簡(jiǎn)稱 GID)，是指對(duì)電子游戲中與游戲用戶具有交互功能的視覺元素進(jìn)行規(guī)劃、設(shè)計(jì)的活動(dòng)。 網(wǎng)頁(yè)游戲正是屬于網(wǎng)絡(luò)游戲范疇，它是指無需下載和安裝客戶端程序、基于 ASP、PHP、 Java 和 ActiveX 等 WEB 編程技術(shù)和 Flash 技術(shù)，運(yùn)行于 WEB 瀏覽器 的網(wǎng)絡(luò)在線游戲。 正文 3 / 28 1. 目的 今年網(wǎng)頁(yè)游戲突然之間變得很熱門，盛大、騰訊、 1717新浪等大公司都很積極的關(guān)注，甚至連百度也摻和了進(jìn)來。大家的意見主要還是說 WebGame 主要針對(duì)上班一族，也就是當(dāng)作小菜來吃。但是我認(rèn)為， WebGame 最終將取代現(xiàn)存的網(wǎng)絡(luò)游戲，而不是一種配菜。能通過瀏覽器上網(wǎng)的人都是網(wǎng)頁(yè)游戲的潛在受眾。網(wǎng)頁(yè)游戲，使用瀏覽器把游戲體驗(yàn)的途徑簡(jiǎn)化到了極致：能上網(wǎng)的人，都可以“無需下載任何東西，無成本、無等待”地玩網(wǎng)頁(yè)游戲，只要輸入 URL 就可。 PC 網(wǎng)游需要下載 300M 以上（有的甚至超過 1G）的客戶端，無法與網(wǎng)頁(yè)游戲的便利性相比。 微軟都認(rèn)為未來的時(shí)代，連軟件使用都希望完全通過網(wǎng)絡(luò)來實(shí)現(xiàn)，而不需要在去買什么光盤回家安裝什么軟件。 而且現(xiàn)在已經(jīng)有一些開發(fā)者在從事這個(gè)方面的研究。 正文 4 / 28 2021 年 10 月 歐洲 Maid Marian Entertainment 《 Sherwood Dungeon》（舍伍德地牢） 3D 高品質(zhì)網(wǎng)頁(yè)游戲 已經(jīng)相當(dāng)?shù)某錾?，從很多方面可以和一?3D 網(wǎng)絡(luò)游戲相媲美。 圖 11 舍伍德地牢的界面截圖 Interface screenshot of Sherwood Dungeon 圖 12 舍伍德地牢的界面截圖 Interface screenshot of Sherwood Dungeon 正文 5 / 28 2021 年 6 月 萬眾矚目的 3D 動(dòng)作新游 Robo Rescue 在充滿創(chuàng)新元素的在線游戲平臺(tái) Kalydo 火爆上線。其完全的適配和兼容性保證將一切視覺沖擊原汁原味的移植到老款 PC 機(jī)和筆記本電腦中。 圖 13 Robo Rescue 的界面截圖 Interface screenshot of Robo Rescue 圖 14 Robo Rescue 的界面截圖 Interface screenshot of Robo Rescue 正文 6 / 28 國(guó)內(nèi)最新的“閃游”《 小小忍者 》，還在測(cè)試階段，但是從圖 1 1 17 中可以看出它的界面已經(jīng)完全可以媲美傳統(tǒng)網(wǎng)絡(luò)游戲。 《小小忍者》是一款國(guó)內(nèi)首創(chuàng)“一角色，多職業(yè)”的以動(dòng)漫為主題的網(wǎng)頁(yè)游戲，顛覆了傳統(tǒng)網(wǎng)頁(yè)游戲“一個(gè)角色只能玩一個(gè)職業(yè)”的單一 玩法。在游戲畫面上，《小小忍者》突破了以往網(wǎng)頁(yè)游戲簡(jiǎn)單圖片加文字描述的游戲方式，以更直觀的畫面表現(xiàn)來豐富游戲過程 。國(guó)內(nèi)網(wǎng)頁(yè)游戲雖然是如火如荼地進(jìn)行 著，但整個(gè)行業(yè)缺乏系統(tǒng)的理論作為指導(dǎo)，導(dǎo)致很多失敗的游戲案例。 從用戶角度來說，用戶愈為迫切地需要符合“簡(jiǎn)單、自然、友好、一致”原則的人機(jī)界面。計(jì)算機(jī)用戶發(fā)生了改變，非計(jì)算機(jī)專業(yè)的普通用戶成了用戶的主體，這一重大轉(zhuǎn)變使游戲的可用性問題變得日益突出起來。 著名的游戲開發(fā)者 Bill Volk 曾 經(jīng)對(duì)游戲設(shè)計(jì)寫下了一個(gè)等式“界面 +產(chǎn)品要素 =游戲。他認(rèn)為“你的游戲就是你的界面”。玩家在玩游戲時(shí)，所見、所感、所接觸的是游戲界面，而不是游戲內(nèi)核，只有通過游戲界面，玩家才能夠體會(huì)到游戲的內(nèi)核帶來的游戲樂趣，因此對(duì)游戲本身來說，界面在很大程度上影響著游戲的可玩性 (Playable)。因?yàn)槿藗兺嬗螒虻哪康氖菉蕵?，在工作之后能夠放松、娛樂一下，所以我們不能要求用戶像學(xué)習(xí)其它應(yīng)用軟件那樣花一天甚至一個(gè)星期時(shí)間去弄清到底怎么玩這個(gè)游戲。游戲界面是游戲的外在表現(xiàn)， 是游戲中與游戲用戶直接相互影響的部分，在整個(gè)游戲設(shè)計(jì)中占據(jù)很重要的地位。 本文的主要工作及結(jié)構(gòu) 本論文是在致力于以用戶為中心的人機(jī)交互界面的設(shè)計(jì)與評(píng)估技術(shù)的研究工作的基礎(chǔ)上撰寫而成，論文主要根據(jù)網(wǎng)頁(yè)游戲的特點(diǎn)，提出一些用以規(guī)范游戲界面設(shè)計(jì)的原則，并遵循該原則提出了游戲用戶參與的迭代式界面設(shè)計(jì)方法和流程，并對(duì)該方法和流程進(jìn)行了應(yīng)用驗(yàn)證 。 本文旨在通過根據(jù)得出的理論來優(yōu)化和改善網(wǎng)頁(yè)游戲中的界面設(shè)計(jì)，使網(wǎng)頁(yè)游戲能夠更加受到用戶的喜愛，為未來的網(wǎng)頁(yè)游戲界面設(shè)計(jì)提供有理、有 序、系統(tǒng)化的理論指導(dǎo)，促進(jìn)網(wǎng)頁(yè)游戲的進(jìn)一步發(fā)展。 正文 10 / 28 2 界面設(shè)計(jì)理論基礎(chǔ) 人機(jī)界面設(shè)計(jì)理論 在人和機(jī)器的互動(dòng)過程（ HumanMachine Interaction）中，有一個(gè)層面，即我們所說的界面（ interface）。用戶界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。用戶界面設(shè)計(jì)的三大原則是：置界面于用戶的控制之下；減少用戶的記憶負(fù)擔(dān)；保持界面的一致性 [2]?！叭藱C(jī)界面”是指人機(jī)間相互施加影響的區(qū)域，凡參與人機(jī)信息交流的一切領(lǐng)域都屬于人機(jī)界面。人的尺度，既應(yīng)有作為自然人的尺度，還應(yīng)有作為社會(huì)人的尺度；既研究生理、心理、環(huán)境等對(duì)人的影響和效能， 也研究人的文化、審美、價(jià)值觀念等方面的要求和變化。好的人機(jī)界面美觀易懂、操作簡(jiǎn)單且具有引導(dǎo)功能，使用戶感覺愉快、興趣增強(qiáng)，從而提高使用效率。我們可以把人機(jī)界面看作一個(gè)有著交互的系統(tǒng)，在分析人機(jī)界面系統(tǒng)模 正文 11 / 28 型時(shí)，建立并分析人的行為模型，從而建立并設(shè)計(jì)人機(jī)界面系統(tǒng)。 狹義界面狹義的人機(jī)界面指計(jì)算機(jī)系統(tǒng)中的人機(jī)界面，即所謂的軟界面。本文主要研究的是人機(jī)軟件界面。 “人”是設(shè)計(jì)界面的一個(gè)方面，是認(rèn)識(shí)的主體和設(shè)計(jì)服務(wù)的對(duì)象，而作為對(duì)象的“物 ”則是設(shè)計(jì)界面的另一個(gè)方面。 為了便于認(rèn)識(shí)和分析設(shè)計(jì)界面，可將設(shè)計(jì)界面分類為：功能性設(shè)計(jì)界面、情感性設(shè)計(jì)界面和環(huán)境性設(shè)計(jì)界面。這一界面反映著設(shè)計(jì)“人”造物的協(xié)調(diào)作用。這種感受的信息傳達(dá)存在著確定性與不確定性的統(tǒng)一。設(shè)計(jì)師“投入熱情，不投入感情”，避免個(gè)人的任何主觀臆斷與個(gè)性的自由發(fā)揮。 3. 環(huán)境性設(shè)計(jì)界面 界面設(shè)計(jì)要考慮外部環(huán)境因素對(duì)人的信息傳遞 ,任何一件或一個(gè)產(chǎn)品或平面視覺傳達(dá)作品或室內(nèi)外環(huán)境作品都不能脫離環(huán)境而存在，環(huán)境的物理?xiàng)l件與精神氛圍是不 正文 12 / 28 可忽缺的界面因素。但是界面不僅和電腦的外表或給人的感覺有關(guān)，它還關(guān)系到個(gè)性的創(chuàng)造、智能化的設(shè)計(jì)，以及如何使機(jī)器能夠識(shí)別人類的表達(dá)方式 ” [5]。但這并不是因?yàn)樗苷页雎曇粜盘?hào)上的微小差別，而是因?yàn)樗媚愕囊馑肌? 圖 21 ：人機(jī)界面關(guān)系模型 Model of HMI 應(yīng)該說，設(shè)計(jì)界面是以功能性界面為基礎(chǔ)，以環(huán)境性界面為前提，以情感性界面為重心而構(gòu)成的，它們之間形成有機(jī)和系統(tǒng)的聯(lián)系，如圖 21 所示。這種方式使用靈活，便于用戶發(fā)揮其創(chuàng)造性，對(duì)熟練的用戶有很高的工作效率，但對(duì)一般用戶來說要求高，易出錯(cuò)，不友善并難于學(xué)習(xí)，它的錯(cuò)誤處理能力也較弱。這種方式與 命令行方式相比不易出錯(cuò)，可以大大縮短用戶的培訓(xùn)時(shí)間，減少用戶的擊鍵次數(shù)，可以使用對(duì)話管理工具，錯(cuò)誤處理能力有了顯著提高。 3. 面向窗口的點(diǎn)選界面 此類界面亦稱 WIMP 界面，即窗口 (Windows)、圖標(biāo) (Icons)、菜單 (Menus)、指示器 (Pointing Device)四位一體，形成桌面 (Desktop)。 4. 多媒體用戶界面及多通道用戶界面的發(fā)展 自然語言與應(yīng)用軟件進(jìn)行通信，把第三代界面技術(shù)與超文本、多任務(wù)概念結(jié)合起來，使用戶可同時(shí)執(zhí)行多個(gè)任務(wù) (以用戶 的觀點(diǎn) )。 5. 虛擬現(xiàn)實(shí)技術(shù)的應(yīng)用 虛擬現(xiàn)實(shí)系統(tǒng)向用戶提供身臨其境 (immerse)和多感覺通道 (multisensory)體驗(yàn)，作為一種新型人機(jī)交互形式，虛擬現(xiàn)實(shí)技術(shù)比以前任何人機(jī)交互形式都有希望徹底實(shí)現(xiàn)和諧的、以人為中心的人機(jī)界面。例如，很多軟件在表示它 的運(yùn)行狀態(tài)時(shí)都會(huì)有一個(gè)很明顯的情感圖形特征，即如果是正常運(yùn)行的話會(huì)出現(xiàn)一個(gè)笑臉，如果是運(yùn)行錯(cuò)誤的話則會(huì)出現(xiàn)一個(gè)哭臉。而哭臉則表達(dá)了相反的信息，表示失敗、消極的含義。一般人們的視覺流程為：從上到下、從左到右、從動(dòng)態(tài)到靜態(tài)、由明到暗、由粗線條到細(xì)線條，突然運(yùn)動(dòng)或者改變運(yùn)動(dòng)狀態(tài)的物體比靜止的物體更能引起人們的關(guān)注，箭頭、下劃線等也能引導(dǎo)觀察者的視線，這些習(xí)慣的形成與人類的視覺生理特性、思維發(fā)展的邏輯順序和思維習(xí)慣有關(guān)。影響選擇的因素有色彩、位置、經(jīng)驗(yàn)等，不同的波長(zhǎng)的色彩對(duì)人的視覺刺激強(qiáng)度不同，波長(zhǎng)越長(zhǎng)刺激越大，暖色大于冷色，原色大于補(bǔ)色，紅色最強(qiáng) 。視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)，所以上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的區(qū)域。是伴隨著互聯(lián)網(wǎng)技術(shù)的成熟高速發(fā)展 起來的新種類游戲。WEBGAME 異軍突起，大有取代傳統(tǒng)游之勢(shì)。早在網(wǎng)絡(luò)游戲盛行之前的 Mud 時(shí)代就已經(jīng)存在，并憑借其方便性和簡(jiǎn)易性吸引了一大批早期的網(wǎng)頁(yè)用戶。而隨后的《 king wars》和《戰(zhàn)神》等策略型 WEBGAME 則已經(jīng)完全脫離了交流社區(qū)的范疇，而正式發(fā)展成為獨(dú)立的游戲類型，并開始逐步提高其游戲性和可玩性，在內(nèi)容設(shè)計(jì)和系統(tǒng)數(shù)值上也有了進(jìn)一步地深入和完善。他的目的是為了娛樂，所用的手段和運(yùn)行平臺(tái)確是網(wǎng)頁(yè)瀏覽器。技術(shù)的發(fā)展為網(wǎng)頁(yè)游戲提供了豐富的表現(xiàn)手段。用戶體驗(yàn)與 PC 單機(jī)游戲相比，判若云泥，天差地遠(yuǎn)。 近兩年來，技術(shù)的發(fā)展為網(wǎng)頁(yè)游戲提供了豐富的表現(xiàn)手段。拿目前最流行的網(wǎng)頁(yè)游戲《貓游記 》作為例子：它的界面和動(dòng)態(tài)交互過程，已經(jīng)讓人難以區(qū)分這是一個(gè)獨(dú)立的游戲程序，還是瀏覽器上的網(wǎng)頁(yè)應(yīng)用。在這里，網(wǎng)絡(luò)通信細(xì)節(jié)被瀏覽器實(shí)現(xiàn)了，使得游戲開發(fā)者和游戲玩家都無需購(gòu)買昂貴的網(wǎng)游引擎和計(jì)算機(jī)設(shè)備，就可廉價(jià)地實(shí)現(xiàn)網(wǎng)絡(luò)游戲。這種簡(jiǎn)化是革命性的，與傳統(tǒng)網(wǎng)游成鮮明對(duì)比。因此，網(wǎng)頁(yè)游戲有巨大的潛在受眾，又把體驗(yàn)游戲的過程簡(jiǎn)化到了極致，其發(fā)展?jié)摿Σ蝗莺鲆?。等種種特點(diǎn)，也非常適合長(zhǎng)時(shí) 正文 16 / 28 間呆在辦公室和校園的 OFFICE 一族和大學(xué)生一族，他們可以輕松地“在老板眼皮底下”享受游戲的樂趣，這些都是傳統(tǒng)網(wǎng)游所不能比擬的。 網(wǎng)頁(yè)游戲的未來潛力還體現(xiàn)在其跨平臺(tái)的拓展能力上。而是實(shí)現(xiàn)了 WEB+WAP 的兼容。未來網(wǎng)頁(yè)游戲還將向手機(jī)客戶端圖形網(wǎng)游 (J2ME)的方向發(fā)展。這正是相較于包括傳統(tǒng)網(wǎng)游在內(nèi)的任何游戲均不具備的巨大優(yōu)勢(shì)。網(wǎng)頁(yè)游戲種類繁多，其游戲形態(tài)包含了角色扮演、戰(zhàn)爭(zhēng)策略、模擬經(jīng)營(yíng)、社區(qū)養(yǎng)成、休閑競(jìng)技等多種類型，題材則覆蓋了科幻、歷史、武俠、魔幻、體育等眾多熱門領(lǐng)域。 不同于傳統(tǒng)網(wǎng)游中存在大量 NPC(電腦人物 )供玩家練功、升級(jí)，網(wǎng)頁(yè)游戲的世界中一般只有人類玩家，“與人斗爭(zhēng)”成為貫穿網(wǎng)頁(yè)游戲的“主旋律