【正文】 使我的論文得以朝著正確的方向邁進(jìn)。 正文 27 / 28 參考文獻(xiàn) [1] (美 )Jeff Johnson， GUI 設(shè)計(jì)禁忌，機(jī)械工業(yè)出版社， [2] 葉思義，宋購璐，游戲設(shè)計(jì)全方位學(xué)習(xí)，北京，中國鐵道出版社， [3] 郭亞軍，金先級(jí)，人機(jī)交互，武漢，華中科技大學(xué)出版社， [4] 黃艷群，郭菊芹，信息產(chǎn)品的人機(jī)界面研究，機(jī)械設(shè)計(jì)， 2021 年 8 期 003 [5] 尼古拉 .尼葛洛龐帝，數(shù)字化生存 [M]，范海燕，胡泳譯，海南出版， 1997, 89 [6] 陳雷，網(wǎng)頁設(shè)計(jì)基礎(chǔ) [J]，藝術(shù)探索， 2021， 19(1)： 7576. [7] 中國互聯(lián)網(wǎng)協(xié)會(huì)，《2021中國互聯(lián)網(wǎng)調(diào)查報(bào)告》， 2021 年 01 月 [8] 李彬彬，設(shè)計(jì)效果心理評(píng)價(jià)，北京，中國輕工業(yè)出版社， 2021, 174 正文 28 / 28 致謝 經(jīng)過在 *********************************4 年系統(tǒng)的學(xué)習(xí)，我從一個(gè) 計(jì)算機(jī)科學(xué)與技術(shù) 專業(yè)的門外漢到如今能夠理解并由衷喜愛這個(gè)學(xué)科。 正文 26 / 28 4 總結(jié) 本 論文 簡單介紹和分析了網(wǎng)頁游戲的圖形界面的設(shè)計(jì)原理和背景及發(fā)展?fàn)顩r，論文就網(wǎng)頁游戲的特點(diǎn)，根據(jù)游戲的用戶特征和 WEB 瀏覽器平臺(tái)特征提出了對(duì)網(wǎng)頁游戲設(shè)計(jì)的一點(diǎn)方法。評(píng)估可以使用分析方法、實(shí)驗(yàn)方法、用戶反饋以及專家分析等方法。界面交與程序人員實(shí)現(xiàn)之后要再反復(fù)與策劃人員和多數(shù)玩家交流，確定使用過程中所存在的問題和與期望值之間的差距。 它包括吸引用戶的注意所進(jìn)行的增強(qiáng)顯示的設(shè)計(jì)，例如采取運(yùn)動(dòng)（ 閃爍或改變位置），改變形狀、大小、顏色、亮度、環(huán)境等特征（如加線、加框、前景和背景反轉(zhuǎn)），增加聲音等手段；使用顏色的設(shè)計(jì)；關(guān)于顯示信息、使用略語等的細(xì)化設(shè)計(jì)等。 5. 界面的圖形設(shè)計(jì)： 在經(jīng)過初步系統(tǒng)需求分析后，開發(fā)人員在較短時(shí)間，以較低代價(jià)開發(fā)出一個(gè)滿足系統(tǒng)基本要求的、簡單的、可運(yùn)行系統(tǒng)。 進(jìn)行界面草繪，所謂草繪就意味它不是最后正式的效果、它是用來探索各種可能性的，也就成為精繪的依據(jù)。 正文 24 / 28 3. 游戲任務(wù)分析設(shè)計(jì)： 從人和網(wǎng)絡(luò)方面共同入手，進(jìn)行系統(tǒng)交互任務(wù)的分析，并劃分各自承但或共同完成的任務(wù)，然后進(jìn)行功能分解，制定數(shù)據(jù)流圖，并勾畫出任務(wù)網(wǎng)絡(luò)圖或任務(wù)列表。必須盡可能廣泛向系統(tǒng)未來潛在用戶進(jìn)行調(diào)查，也要注意調(diào)查人機(jī)交互涉及的硬、軟件環(huán)境，以增強(qiáng)交互活動(dòng)的可行性和易行性。界面應(yīng)該盡量做到簡練，大方，美觀而精致。用戶參與性設(shè)計(jì)指游戲界面的最終使用者 — 游戲用戶參與整個(gè)游戲界面設(shè)計(jì)的過程，從游戲用戶的設(shè)計(jì)調(diào)研到最終游戲界面的設(shè)計(jì)評(píng)估。每一次迭代以游戲界面設(shè)計(jì)的評(píng)估結(jié)果和用戶意見為參考進(jìn)行，最終目的是設(shè)計(jì)出最令用戶滿意的游戲界面。 以用戶為中心的網(wǎng)頁游戲設(shè)計(jì)方法 網(wǎng)頁游戲用戶界面設(shè)計(jì)的關(guān)鍵特征包括：以用戶為中心，特定的可用性標(biāo)準(zhǔn)和迭代設(shè)計(jì)。 正文 22 / 28 用戶體驗(yàn)?zāi)繕?biāo)實(shí)現(xiàn)無疑是一個(gè)富有創(chuàng)意的、卻也比較麻煩的設(shè)計(jì)領(lǐng)域。良好的操 作界面必然是要有助于用戶把注意力放在當(dāng)前任務(wù)上的。 2. 適合不同“級(jí)別”用戶的設(shè)計(jì) 用戶分類是個(gè)不小的話題。用戶體驗(yàn)?zāi)繕?biāo)注重的不是游戲界面的有效、可靠性，而是否能讓游戲用戶滿意、是否能增強(qiáng)游戲的沉浸感、是否能激發(fā)游戲用戶的創(chuàng)造力和滿足感等等。 以上這些問題都說明了網(wǎng)頁游戲界面可用性指標(biāo)的重要性。把可用性目標(biāo)表達(dá)成一種特定的問題形式的時(shí)候，可用性目標(biāo)就轉(zhuǎn)變?yōu)榭捎眯詷?biāo)準(zhǔn)，就可以用這些可用性標(biāo)準(zhǔn)來衡量系統(tǒng)是否具有一定的可靠性、有效性、易學(xué)性等可用性。 可用性目標(biāo)是關(guān)于游戲界面本身所要承擔(dān)的人機(jī)交互功能的目標(biāo)，而用戶體驗(yàn)?zāi)繕?biāo)則是用戶對(duì)于整個(gè)游戲界面設(shè)計(jì)的使用體驗(yàn)。通過界面設(shè)計(jì)理論的建立和界面設(shè)計(jì)一般方法的研究，我們可以用界面設(shè)計(jì)的方法來研究網(wǎng)頁游戲的界面設(shè)計(jì)。但是國內(nèi)的網(wǎng)頁游戲競爭，最終比的是如何深入挖掘玩家需求，如何根據(jù)本土玩家的趣味和網(wǎng)頁游 戲本身的特征，設(shè)計(jì)出最佳游戲來?，F(xiàn)在已經(jīng)有些公司在這方面已經(jīng)邁出了第一步，同時(shí)在 WEB 上和手機(jī)上推出產(chǎn)品，既是網(wǎng)頁游戲，又是 J2ME 圖形手機(jī)網(wǎng)游，兩個(gè)平臺(tái)訪問的是同一服務(wù)器。 RIA 的各種技術(shù)目前還在發(fā)展，網(wǎng)頁游戲乘其勢(shì)，總的發(fā)展勢(shì)頭是樂觀的。技術(shù)的發(fā)展為網(wǎng)頁游戲提供了豐富的表現(xiàn)手段。不少虛擬社區(qū)由免費(fèi)變?yōu)槭召M(fèi)，習(xí)慣吃 正文 19 / 28 免費(fèi)大餐的網(wǎng)民自然難以接受，更何況大部分虛擬社區(qū)的質(zhì)量和管理都讓人不敢恭維。自然大大小小的網(wǎng)站都不遺余力地抽出人力物力去開發(fā)和維護(hù)虛擬社區(qū)?；旧衔覀兡茉诰W(wǎng)絡(luò)游戲中所做的事，在當(dāng)時(shí)的虛擬 社區(qū)一樣可以做。例如《第九城市》、《逸飛嶺》等，以及活躍在各信息港的不同版本的《笑傲江湖》。 網(wǎng)頁游戲出現(xiàn)得很早，最早的網(wǎng)頁游戲其實(shí)就是一些用 HTML 寫的簡單網(wǎng)頁，界面簡陋，交互手段貧乏，玩家與游戲的每次交互都會(huì)引起瀏覽器刷屏一次。 4) 網(wǎng)頁游戲剛剛誕生、游戲內(nèi)容不夠豐富 新興的娛樂模式，重視還不夠，發(fā)展時(shí)間較短，游戲內(nèi)容還大大的不夠豐富。相對(duì)傳統(tǒng)網(wǎng)頁游戲的純文字表現(xiàn)，現(xiàn)在的網(wǎng)頁游戲已經(jīng)逐步向多媒體方向發(fā)展。 網(wǎng)頁游戲的獨(dú)特魅力與巨大潛力使之迅速成為互聯(lián)網(wǎng)行業(yè)中的“新貴”，僅國內(nèi)就有眾多企業(yè)投入這一領(lǐng)域并開發(fā)制作出了大量網(wǎng)頁游戲。而網(wǎng)頁游戲因?yàn)楦采w面廣，不需在線等特性，只要能夠打開網(wǎng)頁就可以運(yùn)行游戲，其潛在受眾群體是一個(gè)讓大家驚訝的數(shù)字。與 正文 17 / 28 傳統(tǒng)網(wǎng)游的玩家呈現(xiàn)相對(duì)低齡化不同，網(wǎng)頁游戲的玩家群體主要以年輕的上班族為主，特別是所謂的“白領(lǐng)”一族。而正因?yàn)橛螒蜻^程無需投入太多精力，網(wǎng)頁游戲不會(huì)如傳統(tǒng)網(wǎng)游那樣成為令玩家欲罷不能的“雞肋”。通過手機(jī)甚至可以在汽車上。網(wǎng)頁游戲一個(gè)很大的特色就是不需要用戶實(shí)時(shí)在線，安排好工作之后，隨著自然時(shí)間的增加游戲自然在發(fā)展，這個(gè)特性是客戶端網(wǎng)游無可比擬的。網(wǎng)頁游戲種類繁多，其游戲形態(tài)包含了角色扮演、戰(zhàn)爭策略、模擬經(jīng)營、社區(qū)養(yǎng)成、休閑競技等多種類型，題材則覆蓋了科幻、歷史、武俠、魔幻、體育等眾多熱門領(lǐng)域。未來網(wǎng)頁游戲還將向手機(jī)客戶端圖形網(wǎng)游 (J2ME)的方向發(fā)展。 網(wǎng)頁游戲的未來潛力還體現(xiàn)在其跨平臺(tái)的拓展能力上。因此，網(wǎng)頁游戲有巨大的潛在受眾，又把體驗(yàn)游戲的過程簡化到了極致，其發(fā)展?jié)摿Σ蝗莺鲆暋Ｔ谶@里，網(wǎng)絡(luò)通信細(xì)節(jié)被瀏覽器實(shí)現(xiàn)了，使得游戲開發(fā)者和游戲玩家都無需購買昂貴的網(wǎng)游引擎和計(jì)算機(jī)設(shè)備，就可廉價(jià)地實(shí)現(xiàn)網(wǎng)絡(luò)游戲。 近兩年來，技術(shù)的發(fā)展為網(wǎng)頁游戲提供了豐富的表現(xiàn)手段。技術(shù)的發(fā)展為網(wǎng)頁游戲提供了豐富的表現(xiàn)手段。而隨后的《 king wars》和《戰(zhàn)神》等策略型 WEBGAME 則已經(jīng)完全脫離了交流社區(qū)的范疇，而正式發(fā)展成為獨(dú)立的游戲類型，并開始逐步提高其游戲性和可玩性，在內(nèi)容設(shè)計(jì)和系統(tǒng)數(shù)值上也有了進(jìn)一步地深入和完善。WEBGAME 異軍突起，大有取代傳統(tǒng)游之勢(shì)。視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)，所以上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的區(qū)域。一般人們的視覺流程為：從上到下、從左到右、從動(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)。例如，很多軟件在表示它 的運(yùn)行狀態(tài)時(shí)都會(huì)有一個(gè)很明顯的情感圖形特征，即如果是正常運(yùn)行的話會(huì)出現(xiàn)一個(gè)笑臉，如果是運(yùn)行錯(cuò)誤的話則會(huì)出現(xiàn)一個(gè)哭臉。 4. 多媒體用戶界面及多通道用戶界面的發(fā)展 自然語言與應(yīng)用軟件進(jìn)行通信，把第三代界面技術(shù)與超文本、多任務(wù)概念結(jié)合起來，使用戶可同時(shí)執(zhí)行多個(gè)任務(wù) (以用戶 的觀點(diǎn) )。這種方式與 命令行方式相比不易出錯(cuò)，可以大大縮短用戶的培訓(xùn)時(shí)間，減少用戶的擊鍵次數(shù)，可以使用對(duì)話管理工具，錯(cuò)誤處理能力有了顯著提高。 圖 21 ：人機(jī)界面關(guān)系模型 Model of HMI 應(yīng)該說，設(shè)計(jì)界面是以功能性界面為基礎(chǔ)，以環(huán)境性界面為前提，以情感性界面為重心而構(gòu)成的，它們之間形成有機(jī)和系統(tǒng)的聯(lián)系，如圖 21 所示。但是界面不僅和電腦的外表或給人的感覺有關(guān)，它還關(guān)系到個(gè)性的創(chuàng)造、智能化的設(shè)計(jì)，以及如何使機(jī)器能夠識(shí)別人類的表達(dá)方式 ” [5]。設(shè)計(jì)師“投入熱情，不投入感情”，避免個(gè)人的任何主觀臆斷與個(gè)性的自由發(fā)揮。這一界面反映著設(shè)計(jì)“人”造物的協(xié)調(diào)作用。 “人”是設(shè)計(jì)界面的一個(gè)方面，是認(rèn)識(shí)的主體和設(shè)計(jì)服務(wù)的對(duì)象，而作為對(duì)象的“物 ”則是設(shè)計(jì)界面的另一個(gè)方面。 狹義界面狹義的人機(jī)界面指計(jì)算機(jī)系統(tǒng)中的人機(jī)界面，即所謂的軟界面。好的人機(jī)界面美觀易懂、操作簡單且具有引導(dǎo)功能，使用戶感覺愉快、興趣增強(qiáng)，從而提高使用效率?！叭藱C(jī)界面”是指人機(jī)間相互施加影響的區(qū)域，凡參與人機(jī)信息交流的一切領(lǐng)域都屬于人機(jī)界面。用戶界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。 本文旨在通過根據(jù)得出的理論來優(yōu)化和改善網(wǎng)頁游戲中的界面設(shè)計(jì)，使網(wǎng)頁游戲能夠更加受到用戶的喜愛，為未來的網(wǎng)頁游戲界面設(shè)計(jì)提供有理、有 序、系統(tǒng)化的理論指導(dǎo)，促進(jìn)網(wǎng)頁游戲的進(jìn)一步發(fā)展。游戲界面是游戲的外在表現(xiàn)， 是游戲中與游戲用戶直接相互影響的部分，在整個(gè)游戲設(shè)計(jì)中占據(jù)很重要的地位。玩家在玩游戲時(shí)，所見、所感、所接觸的是游戲界面，而不是游戲內(nèi)核，只有通過游戲界面，玩家才能夠體會(huì)到游戲的內(nèi)核帶來的游戲樂趣，因此對(duì)游戲本身來說，界面在很大程度上影響著游戲的可玩性 (Playable)。 著名的游戲開發(fā)者 Bill Volk 曾 經(jīng)對(duì)游戲設(shè)計(jì)寫下了一個(gè)等式“界面 +產(chǎn)品要素 =游戲。 從用戶角度來說，用戶愈為迫切地需要符合“簡單、自然、友好、一致”原則的人機(jī)界面。在游戲畫面上，《小小忍者》突破了以往網(wǎng)頁游戲簡單圖片加文字描述的游戲方式，以更直觀的畫面表現(xiàn)來豐富游戲過程 。 圖 13 Robo Rescue 的界面截圖 Interface screenshot of Robo Rescue 圖 14 Robo Rescue 的界面截圖 Interface screenshot of Robo Rescue 正文 6 / 28 國內(nèi)最新的“閃游”《 小小忍者 》，還在測試階段，但是從圖 1 1 17 中可以看出它的界面已經(jīng)完全可以媲美傳統(tǒng)網(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 火爆上線。 而且現(xiàn)在已經(jīng)有一些開發(fā)者在從事這個(gè)方面的研究。 PC 網(wǎng)游需要下載 300M 以上（有的甚至超過