【正文】 首先要感謝培養(yǎng)我的 北京 師范大學(xué)繼續(xù)教育與教師培訓(xùn)學(xué)院 ，感謝所有的授課老師們。 本章主要闡述了網(wǎng)頁游戲界面設(shè)計方法和流程。設(shè)計師可采用各種慣用繪圖軟件來輔助繪制設(shè)計圖。根據(jù)用戶特性，以及系統(tǒng)任務(wù)和環(huán)境，制定最為適合的交互類型，包括確定人機交互任務(wù)的方式，估計 能為交互提供的支持級別，預(yù)計交互活動的復(fù)雜程度等。 2. 用戶調(diào)查分析： 調(diào)查用戶類型，定性或定量地測量用戶特性，了解用戶的技能和經(jīng)驗，預(yù)測用戶對不同交互設(shè)計的反響，保證軟件交互活動的適當(dāng)和明確。 正文 23 / 28 網(wǎng)頁游戲界面設(shè)計的主要流程 在網(wǎng)頁游戲界面設(shè)計中，除了應(yīng)首先考慮游戲的風(fēng)格以外，按鈕的具體用字，顯示的位置要清晰明了。 在開發(fā)初始階段就應(yīng)該確定出特定的可用性目標(biāo)和用戶體驗?zāi)繕?biāo)，在進行具體設(shè)計的時候應(yīng)該通過迭代運用不斷的反饋信息來改進界面設(shè)計的不足并完善它，通過不斷的設(shè)計，評估到再設(shè)計這樣一個反復(fù)循環(huán)趨于最優(yōu)化的迭代過程使界面設(shè)計不斷的得到改進和優(yōu)化。對于網(wǎng)頁游戲，現(xiàn)在的功能復(fù)雜度還無法企及大型客戶端游戲的水平，但是其復(fù)雜度也是不能忽略的。分析用 戶使用游戲提供的一個功能時，會出現(xiàn)的各種可能情況以及其后續(xù)可能的發(fā)展，可以把“任務(wù)流”組織成一個樹狀的結(jié)構(gòu)。 目前，在很多網(wǎng)頁游戲界面的設(shè)計中，過分使用新的技術(shù)而忽略了游戲用戶因素的現(xiàn)象，從而導(dǎo)致了游戲界面本身很多的有用性問題。一個好的游戲界面設(shè)計應(yīng)該是既有實用功能又能滿足使用者的審美需求。產(chǎn)品多，淘汰率高，精品少。 從科技發(fā)展角度來說，未來的計算機軟硬件技術(shù)的發(fā)展，不僅個人電腦，使得手機，電視， PDA 等都可以作為客戶終端，由于互聯(lián)網(wǎng)無處不在，擁有海量信息存儲空間的服務(wù)器端超級強大，本地客戶端甚至不需要硬盤來存儲信息。但比網(wǎng)站訪問量增加得更快的是服務(wù)器不堪重負(fù)的壓力。當(dāng)時它們所冠的頭銜不是 Game，而是虛擬社區(qū)。 網(wǎng)頁游戲的發(fā)展 近兩年來，尤其是近一年來，國內(nèi)外網(wǎng)頁游戲生猛出現(xiàn)，日新月異，目不暇接。而劣勢其實集中在畫面表現(xiàn)力上（傳統(tǒng) RPG 也可做到網(wǎng)頁上，節(jié)奏感上將不是劣勢，而畫面上去難以比擬）。 3．網(wǎng)頁游戲的用戶和市場特征 網(wǎng)頁游戲的受眾群體極其廣泛。相對于緊張刺激，追求畫面音效享受的傳統(tǒng)網(wǎng)游，網(wǎng)頁游戲以文字及簡單圖形作為主要表現(xiàn)形式，游戲節(jié)奏也要慢很多。 不同于傳統(tǒng)網(wǎng)游中存在大量 NPC(電腦人物 )供玩家練功、升級，網(wǎng)頁游戲的世界中一般只有人類玩家，“與人斗爭”成為貫穿網(wǎng)頁游戲的“主旋律”、 PK、復(fù)仇、互助、交易、聯(lián)盟等發(fā)生在人與人之間的交往與斗爭在網(wǎng)頁游戲中被表現(xiàn)得淋漓盡致，“互動性”這一網(wǎng)游最成功也是最吸引人的要素在中體現(xiàn)的更為突出。而是實現(xiàn)了 WEB+WAP 的兼容。這種簡化是革命性的，與傳統(tǒng)網(wǎng)游成鮮明對比。用戶體驗與 PC 單機游戲相比，判若云泥，天差地遠(yuǎn)。早在網(wǎng)絡(luò)游戲盛行之前的 Mud 時代就已經(jīng)存在，并憑借其方便性和簡易性吸引了一大批早期的網(wǎng)頁用戶。影響選擇的因素有色彩、位置、經(jīng)驗等，不同的波長的色彩對人的視覺刺激強度不同，波長越長刺激越大，暖色大于冷色，原色大于補色，紅色最強 。 5. 虛擬現(xiàn)實技術(shù)的應(yīng)用 虛擬現(xiàn)實系統(tǒng)向用戶提供身臨其境 (immerse)和多感覺通道 (multisensory)體驗，作為一種新型人機交互形式，虛擬現(xiàn)實技術(shù)比以前任何人機交互形式都有希望徹底實現(xiàn)和諧的、以人為中心的人機界面。這種方式使用靈活，便于用戶發(fā)揮其創(chuàng)造性，對熟練的用戶有很高的工作效率，但對一般用戶來說要求高，易出錯，不友善并難于學(xué)習(xí)，它的錯誤處理能力也較弱。 3. 環(huán)境性設(shè)計界面 界面設(shè)計要考慮外部環(huán)境因素對人的信息傳遞 ,任何一件或一個產(chǎn)品或平面視覺傳達作品或室內(nèi)外環(huán)境作品都不能脫離環(huán)境而存在，環(huán)境的物理條件與精神氛圍是不 正文 12 / 28 可忽缺的界面因素。 為了便于認(rèn)識和分析設(shè)計界面，可將設(shè)計界面分類為：功能性設(shè)計界面、情感性設(shè)計界面和環(huán)境性設(shè)計界面。我們可以把人機界面看作一個有著交互的系統(tǒng)，在分析人機界面系統(tǒng)模 正文 11 / 28 型時，建立并分析人的行為模型，從而建立并設(shè)計人機界面系統(tǒng)。用戶界面設(shè)計的三大原則是：置界面于用戶的控制之下；減少用戶的記憶負(fù)擔(dān)；保持界面的一致性 [2]。 本文的主要工作及結(jié)構(gòu) 本論文是在致力于以用戶為中心的人機交互界面的設(shè)計與評估技術(shù)的研究工作的基礎(chǔ)上撰寫而成，論文主要根據(jù)網(wǎng)頁游戲的特點，提出一些用以規(guī)范游戲界面設(shè)計的原則，并遵循該原則提出了游戲用戶參與的迭代式界面設(shè)計方法和流程，并對該方法和流程進行了應(yīng)用驗證 。他認(rèn)為“你的游戲就是你的界面”。國內(nèi)網(wǎng)頁游戲雖然是如火如荼地進行 著，但整個行業(yè)缺乏系統(tǒng)的理論作為指導(dǎo)，導(dǎo)致很多失敗的游戲案例。其完全的適配和兼容性保證將一切視覺沖擊原汁原味的移植到老款 PC 機和筆記本電腦中。 微軟都認(rèn)為未來的時代，連軟件使用都希望完全通過網(wǎng)絡(luò)來實現(xiàn)，而不需要在去買什么光盤回家安裝什么軟件。但是我認(rèn)為， WebGame 最終將取代現(xiàn)存的網(wǎng)絡(luò)游戲，而不是一種配菜。游戲界面設(shè)計 (Game Interface Design 簡稱 GID)，是指對電子游戲中與游戲用戶具有交互功能的視覺元素進行規(guī)劃、設(shè)計的活動。它是計算機科學(xué)與認(rèn)知心理學(xué)、設(shè)計藝術(shù)、 人機工程學(xué)、人因?qū)W (Human Factors)、社會學(xué)、語言學(xué)等交叉研究領(lǐng)域。網(wǎng)絡(luò)游戲按照聯(lián)網(wǎng)方式分為：脫網(wǎng)單機游戲和網(wǎng)絡(luò)游戲；而網(wǎng)絡(luò)游戲按 照客戶端模式則分為：需要安裝相關(guān)內(nèi)容客戶端軟件的傳統(tǒng)網(wǎng)游和不需要客戶端 的 無端網(wǎng)游。電子游戲指以電子 元器件組裝成的設(shè)備為運行平臺的游戲。 24 6. 交互的測試和評估 22 1. 以用戶為中心的設(shè)計 21 以用戶為中心的網(wǎng)頁游戲設(shè)計方法 14 北京師范大學(xué)繼教學(xué)院 PC游戲中的圖形用戶界面（ GUI）設(shè)計 0732133074 IV 網(wǎng)頁游戲的特性 12 1. 命令語言 11 3. 環(huán)境性設(shè)計界面 11 1. 功能性設(shè)計界面 10 人機界面的概念 9 2 界面設(shè)計理論基礎(chǔ) 2 1. 目的 1 論文的選題背景及意義 北京師范大學(xué) 論文題目 ： PC 游戲中的圖形用戶界面（ GUI）設(shè)計 姓 名 院 系 專 業(yè) 計算機科學(xué)與技術(shù) 年 級 學(xué) 號 指導(dǎo)老師 2021 年 11 月 28 日北京師范大學(xué)繼教學(xué)院 PC游戲中的圖形用戶界面（ GUI）設(shè)計 0732133074 I PC 游戲中的圖形用戶界面（ GUI）設(shè)計 —— 淺析 網(wǎng)頁游戲中 的圖形用戶 界面設(shè)計 摘要 論文介紹了主流的網(wǎng)頁游戲界面設(shè) 計的特點，根據(jù)人機界面設(shè)計的原理，綜合網(wǎng)頁界面設(shè)計和游戲界面設(shè)計的各自特點淺談 網(wǎng)頁游戲界面設(shè)計的原則、方法、 流程，并應(yīng)用于實際開發(fā)中來指導(dǎo)網(wǎng)頁游戲的界面設(shè)計。 17 4．網(wǎng)頁游戲的不足 25 4 總結(jié) 27 致謝 這與傳統(tǒng)的游戲方式是不同的，傳統(tǒng)的 游戲需要現(xiàn)實中的游戲道具，如：象棋、撲克牌等。無端網(wǎng)游的主要形式為 WebGame，即網(wǎng)頁游戲。人機界面是人與機器之間傳遞和交換信息的 媒介。 論題研究目的與現(xiàn)實意義 歷史總在不斷重演并且驚人的相似，正如網(wǎng)絡(luò)游戲取代傳統(tǒng)單機游戲一樣，眼下，動態(tài)無端網(wǎng)游取代客戶端網(wǎng)游的趨勢開始愈發(fā)明顯。 從受眾群體容量來說，網(wǎng)頁游戲有天然優(yōu)勢。 WebGame 最終取代現(xiàn)存的網(wǎng)絡(luò)游戲，也是大勢所趨。 從圖 1 14 可以看出，曲折的道路和流暢的動作已經(jīng)做得非常完美。業(yè)界最近把瀏覽器作為一個虛擬的操作系統(tǒng)來看，這使得網(wǎng)頁游戲的前景更加美好。游戲界面是人和游戲機之間溝通的橋梁，它起到連接玩家和游戲內(nèi)核的作用。論文的主要工作如下： ○ 1 :分別對人機界面設(shè)計的原理和用戶的認(rèn)知心理和視覺習(xí)慣三個方面來研究網(wǎng)頁游戲界面設(shè)計； ○ 2 :分析當(dāng)前網(wǎng)頁游戲的概念、特點、分類、目標(biāo)用戶從而來分析網(wǎng)頁游戲界面并進行相關(guān)研究； ○ 3 :得出網(wǎng)頁游戲界面設(shè)計的原則、實現(xiàn)方法、流程和評價 4 個方面的基本理論并進行相關(guān)應(yīng)用驗證。 界面的說法以往常見的是在人機工程學(xué)中?？梢娧芯咳藱C界面就是研究機器怎樣適應(yīng)人的有效工作的問題。 1. 功能性設(shè)計界面 即接受物的功能信息、操縱與控制物。尼葛洛龐帝指出：“一般個人電腦的界面，也被當(dāng)成是物理設(shè)計的問題。 正文 13 / 28 2. 菜單和圖形用戶界面的廣泛應(yīng)用 圖形用戶界面和人機交互過程極大地依賴視覺和手動控制的參與，因此具有強烈的直接操作特點。 富有表現(xiàn)力的界面就是使用富有表情的圖標(biāo)或其它圖形元素來表達情感狀態(tài)。通常，上半部讓人感到輕松和自在，下半部則讓人感到穩(wěn)定和壓抑，左半部給人的感覺是輕松和自在，右半部則會給人穩(wěn)定和壓抑的感覺。以《第九城市》《笑傲江湖》等為代表的早期作品多是基于 BBS 社區(qū)和聊天室為基礎(chǔ)擴展而來，其可玩性雖然不高，內(nèi)容也不 正文 15 / 28 夠豐富，但是交流性和交互性極強，已經(jīng)初步具備了網(wǎng)游的 基本特征。界面與交互手段的限制，使網(wǎng)頁游戲在游戲玩法設(shè)計上也無法施展，因此網(wǎng)頁游戲一直難以登堂入室，不被玩家認(rèn)可。傳統(tǒng)網(wǎng)游需要下 300M 以上（有的甚至超過1G）的客戶端，無法與網(wǎng)頁游戲的便利性相 比。目前在手機上已經(jīng)能夠玩到多款網(wǎng)頁游戲。游戲模式新穎，不花時間、無需在線是很多用戶的夢想。不需要隨時在游戲中控制，所以網(wǎng)頁游戲玩起來輕松愜意，這讓玩家不必花費太多時間就能照看好自己的“生意”。客戶端網(wǎng)頁因為其需要用戶長時間在線的特性，以及題材方 式的限制，導(dǎo)致很多用戶無法進入。而隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，網(wǎng)頁上的畫面表現(xiàn)力也得到了長足的發(fā)展。那么，網(wǎng)頁游戲的興起原因是什么？網(wǎng)頁游戲作為一個新生事物，它的過去、現(xiàn)在和將來會是怎樣的？而網(wǎng)頁游戲的悄然崛起，在某種程度上表明游戲已經(jīng)進入了一個全新的分眾時代。 除了基本的 BBS 功能之外，網(wǎng)民還可以在虛擬社區(qū)里練級、打工、賽馬、喂養(yǎng)寵物、建立家庭等等。隨著網(wǎng)絡(luò)泡沫經(jīng)濟的破滅，網(wǎng)站訪問量逐漸化為“浮云”，虛 擬社區(qū)受到災(zāi)難性的重創(chuàng)。連微軟都認(rèn)為未來的時代，連軟件使用都希望完全通過網(wǎng)絡(luò)來實現(xiàn)，而不需要在去買什么光盤回家安裝什么軟件。國內(nèi)的網(wǎng)頁游戲在設(shè)計理念、玩法設(shè)計、細(xì)節(jié)處理等方面都無法與國外相比，因此會出現(xiàn)一到兩年的模仿抄襲階段。游戲界面設(shè)計的目標(biāo)包括可用性目標(biāo)和用戶體驗?zāi)繕?biāo)。其表