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