【正文】 和使用，具備一定的通用性。游戲界面設(shè)計(jì)的目標(biāo)包括可用性目標(biāo)和用戶體驗(yàn)?zāi)繕?biāo)。 正文 20 / 28 3 網(wǎng)頁游戲中界面設(shè)計(jì)的方法和流程研究 網(wǎng)頁游戲界面同普通的軟件開發(fā)過程一樣，必須有一個大體流程作控制，運(yùn)用流程操作可以更方便的發(fā)現(xiàn)和解決問題，掌握游戲的開發(fā)進(jìn)度并監(jiān)督執(zhí)行。國內(nèi)的網(wǎng)頁游戲在設(shè)計(jì)理念、玩法設(shè)計(jì)、細(xì)節(jié)處理等方面都無法與國外相比，因此會出現(xiàn)一到兩年的模仿抄襲階段。多平臺的受眾覆蓋率和贏利空間更大。連微軟都認(rèn)為未來的時代，連軟件使用都希望完全通過網(wǎng)絡(luò)來實(shí)現(xiàn)，而不需要在去買什么光盤回家安裝什么軟件。近兩年來，網(wǎng)頁游戲的興旺發(fā)展、逐漸為人所知乃至被一些受眾接受和喜愛，是瀏覽器技術(shù)發(fā)展的必然產(chǎn)物。隨著網(wǎng)絡(luò)泡沫經(jīng)濟(jì)的破滅，網(wǎng)站訪問量逐漸化為“浮云”，虛 擬社區(qū)受到災(zāi)難性的重創(chuàng)。網(wǎng)站訪問量自然瘋了似地往上飆升！在網(wǎng)絡(luò)泡沫經(jīng)濟(jì)最紅火的時期，能增加網(wǎng)站訪問量就等于大把地?fù)七M(jìn)鈔票。 除了基本的 BBS 功能之外，網(wǎng)民還可以在虛擬社區(qū)里練級、打工、賽馬、喂養(yǎng)寵物、建立家庭等等。 當(dāng)年在網(wǎng)絡(luò)泡沫經(jīng)濟(jì)的推動下，國內(nèi)涌現(xiàn)了不少規(guī)模較大的 WebGame。那么，網(wǎng)頁游戲的興起原因是什么？網(wǎng)頁游戲作為一個新生事物，它的過去、現(xiàn)在和將來會是怎樣的？而網(wǎng)頁游戲的悄然崛起，在某種程度上表明游戲已經(jīng)進(jìn)入了一個全新的分眾時代。 3) 游戲畫面表現(xiàn)力不夠 瀏覽器的局限導(dǎo)致網(wǎng)頁游戲的畫面很難達(dá)到客戶端網(wǎng)游的程度。而隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，網(wǎng)頁上的畫面表現(xiàn)力也得到了長足的發(fā)展?？紤]到“白領(lǐng)”群體巨大的消費(fèi)欲望與經(jīng)濟(jì)實(shí)力，這一新興市場迅速為多方所看好，并被普遍認(rèn)為具有巨大的挖掘潛 力。客戶端網(wǎng)頁因?yàn)槠湫枰脩糸L時間在線的特性，以及題材方 式的限制，導(dǎo)致很多用戶無法進(jìn)入。目前網(wǎng)頁游戲已經(jīng)在國內(nèi)擁有一批龐大的玩家群體。不需要隨時在游戲中控制，所以網(wǎng)頁游戲玩起來輕松愜意，這讓玩家不必花費(fèi)太多時間就能照看好自己的“生意”。比如說：上班時、看電影時。游戲模式新穎，不花時間、無需在線是很多用戶的夢想。 2．網(wǎng)頁游戲的游戲特性 不同于以前的單機(jī)休閑小游戲，網(wǎng)頁游戲雖然“輕巧”卻絕不簡單。目前在手機(jī)上已經(jīng)能夠玩到多款網(wǎng)頁游戲。而這部分用戶大多具備消費(fèi)游戲的經(jīng)濟(jì)能力和消費(fèi)需求，因此市場潛力相當(dāng)巨大。傳統(tǒng)網(wǎng)游需要下 300M 以上（有的甚至超過1G）的客戶端，無法與網(wǎng)頁游戲的便利性相 比。 網(wǎng)頁游戲天然就是網(wǎng)絡(luò)游戲。界面與交互手段的限制，使網(wǎng)頁游戲在游戲玩法設(shè)計(jì)上也無法施展，因此網(wǎng)頁游戲一直難以登堂入室，不被玩家認(rèn)可。網(wǎng)頁游戲的發(fā)展離不開互聯(lián)網(wǎng)技術(shù)和瀏覽器技術(shù)的發(fā)展。以《第九城市》《笑傲江湖》等為代表的早期作品多是基于 BBS 社區(qū)和聊天室為基礎(chǔ)擴(kuò)展而來，其可玩性雖然不高，內(nèi)容也不 正文 15 / 28 夠豐富，但是交流性和交互性極強(qiáng)，已經(jīng)初步具備了網(wǎng)游的 基本特征。隨著inter 的深入發(fā)展和 WEB 編程技術(shù)的跟新?lián)Q代發(fā)展，網(wǎng)頁游戲獲得了長足的發(fā)展。通常，上半部讓人感到輕松和自在，下半部則讓人感到穩(wěn)定和壓抑，左半部給人的感覺是輕松和自在，右半部則會給人穩(wěn)定和壓抑的感覺。 正文 14 / 28 視覺習(xí)慣 視覺是人類獲取信息的主要通道，視覺傳達(dá)的信息占所處理信息總量的 80%以上，但對信息的加工人類視覺有其自然的習(xí)慣，先看什么，后看什么，體 現(xiàn)了視覺流動的規(guī)律，形成了畫面閱讀的視覺流程。 富有表現(xiàn)力的界面就是使用富有表情的圖標(biāo)或其它圖形元素來表達(dá)情感狀態(tài)。這種方式能同時顯示不同種類的信息，使用戶可在幾個工作環(huán)境中切換而不丟失幾個工作之間的聯(lián)系，用戶可通過下拉式菜單方便執(zhí)行控制型和對話型任務(wù)，引入圖標(biāo)、按鈕和滾動桿技術(shù)，大大減少鍵盤輸入，對不精于打字的用戶無疑提高了交互效率。 正文 13 / 28 2. 菜單和圖形用戶界面的廣泛應(yīng)用 圖形用戶界面和人機(jī)交互過程極大地依賴視覺和手動控制的參與，因此具有強(qiáng)烈的直接操作特點(diǎn)。這才是好的界面設(shè)計(jì)。尼葛洛龐帝指出：“一般個人電腦的界面，也被當(dāng)成是物理設(shè)計(jì)的問題。情感把握在于深入 目標(biāo)對象的使用者的感情，而不是個人的情感抒發(fā)。 1. 功能性設(shè)計(jì)界面 即接受物的功能信息、操縱與控制物。 界面設(shè)計(jì)的分類 美國學(xué)者赫伯特 .A .西蒙提出：設(shè)計(jì)是人工物的內(nèi)部環(huán)境 (人工物自身的物質(zhì)和組織 )和外部環(huán)境 (人工物的工作或使用環(huán)境 )的接合，所以設(shè)計(jì)是把握人工物內(nèi)部環(huán)境與外部環(huán)境接合的學(xué)科，這種接合是圍繞人來進(jìn)行的。可見研究人機(jī)界面就是研究機(jī)器怎樣適應(yīng)人的有效工作的問題。 人機(jī)界面的概念 介于人與計(jì)算機(jī)之間，人與機(jī)器的通信，人機(jī)界面 (HCI)：軟件 +硬件所謂界面，即人機(jī)界面 (HumanMachine Interface)，是人與機(jī)器進(jìn)行交互的操作方式，即用戶與機(jī)器互相傳遞信息的媒介，其中包括信息的輸入和輸出。 界面的說法以往常見的是在人機(jī)工程學(xué)中。從心理學(xué)意義來分，界面可分為感覺（視覺、觸覺、聽覺等）和情感兩個層次。論文的主要工作如下： ○ 1 :分別對人機(jī)界面設(shè)計(jì)的原理和用戶的認(rèn)知心理和視覺習(xí)慣三個方面來研究網(wǎng)頁游戲界面設(shè)計(jì)； ○ 2 :分析當(dāng)前網(wǎng)頁游戲的概念、特點(diǎn)、分類、目標(biāo)用戶從而來分析網(wǎng)頁游戲界面并進(jìn)行相關(guān)研究； ○ 3 :得出網(wǎng)頁游戲界面設(shè)計(jì)的原則、實(shí)現(xiàn)方法、流程和評價(jià) 4 個方面的基本理論并進(jìn)行相關(guān)應(yīng)用驗(yàn)證。 雖然目前有少數(shù)國外的資深游戲設(shè)計(jì)師在其著作中談到網(wǎng)頁游戲界面設(shè)計(jì)，但也只是簡單的概略性的介紹，對整個網(wǎng)頁游戲界面設(shè)計(jì)方法缺乏系統(tǒng)、全面、具體的介 正文 9 / 28 紹和分析。游戲界面是人和游戲機(jī)之間溝通的橋梁，它起到連接玩家和游戲內(nèi)核的作用。游戲人機(jī)界面的重要性在 于它極大的影響了最終用戶的使用，影響了游戲的推廣應(yīng)用。業(yè)界最近把瀏覽器作為一個虛擬的操作系統(tǒng)來看，這使得網(wǎng)頁游戲的前景更加美好。在游戲的過程中，玩家能獲得上百種不同的動漫人物形象以及 他 專屬的職業(yè)與隱藏技能，并且能隨時變換你的角色，感受這些動漫角色帶來的不同職業(yè)與技能的樂趣。 從圖 1 14 可以看出，曲折的道路和流暢的動作已經(jīng)做得非常完美。 從圖 1 12 可以看出，它的畫面已經(jīng)完全可以媲美當(dāng)今的網(wǎng)絡(luò)游戲。 WebGame 最終取代現(xiàn)存的網(wǎng)絡(luò)游戲，也是大勢所趨。這種簡化是革命性的，與 PC 網(wǎng)游成鮮明對比。 從受眾群體容量來說，網(wǎng)頁游戲有天然優(yōu)勢。 WebGame 究竟針對什么用戶？它究竟要發(fā)展向何方？有對這個問題的研討。 論題研究目的與現(xiàn)實(shí)意義 歷史總在不斷重演并且驚人的相似，正如網(wǎng)絡(luò)游戲取代傳統(tǒng)單機(jī)游戲一樣，眼下，動態(tài)無端網(wǎng)游取代客戶端網(wǎng)游的趨勢開始愈發(fā)明顯。 用戶界面設(shè)計(jì) (User Interface Design)是屏幕產(chǎn)品的重要組成部分。人機(jī)界面是人與機(jī)器之間傳遞和交換信息的 媒介。微軟認(rèn)為未來的時代，連軟件使用都希望完全通過網(wǎng)絡(luò)來實(shí)現(xiàn)，而不需要在去買什么光盤回家安裝什么軟件。無端網(wǎng)游的主要形式為 WebGame，即網(wǎng)頁游戲。網(wǎng)絡(luò)游戲擁有強(qiáng)大的人與人之間的交流平 臺，用戶在游戲中得到充足的虛擬現(xiàn)實(shí)體驗(yàn)，這是過去傳統(tǒng)游戲不能比擬的。這與傳統(tǒng)的游戲方式是不同的，傳統(tǒng)的 游戲需要現(xiàn)實(shí)中的游戲道具，如：象棋、撲克牌等。這一概念是相對于被動式的娛樂形式而言的，看電視、讀書、看電影都是被動式的娛樂方式，在這些方式中，娛樂是展現(xiàn)式的，大眾只能被動參與。 27 致謝 25 4 總結(jié) 24 5. 界面的圖形設(shè)計(jì) 20 用戶體驗(yàn)?zāi)繕?biāo) 20 可用性目標(biāo) 17 4．網(wǎng)頁游戲的不足 13 4. 多媒體用戶界面及多通道用戶界面的發(fā)展 2 論題研究目的與現(xiàn)實(shí)意義 1 1. 無端網(wǎng)游 用論文所得出的原則和方法來對網(wǎng)頁游戲界面進(jìn)行指導(dǎo)和規(guī)范設(shè)計(jì)后，較原版本游戲用戶更加認(rèn)可，有更好的滿意度。 北京師范大學(xué) 論文題目 ： PC 游戲中的圖形用戶界面（ GUI）設(shè)計(jì) 姓 名 院 系 專 業(yè) 計(jì)算機(jī)科學(xué)與技術(shù) 年 級 學(xué) 號 指導(dǎo)老師 2021 年 11 月 28 日北京師范大學(xué)繼教學(xué)院 PC游戲中的圖形用戶界面（ GUI）設(shè)計(jì) 0732133074 I PC 游戲中的圖形用戶界面（ GUI）設(shè)計(jì) —— 淺析 網(wǎng)頁游戲中 的圖形用戶 界面設(shè)計(jì) 摘要 論文介紹了主流的網(wǎng)頁游戲界面設(shè) 計(jì)的特點(diǎn)，根據(jù)人機(jī)界面設(shè)計(jì)的原理，綜合網(wǎng)頁界面設(shè)計(jì)和游戲界面設(shè)計(jì)的各自特點(diǎn)淺談 網(wǎng)頁游戲界面設(shè)計(jì)的原則、方法、 流程，并應(yīng)用于實(shí)際開發(fā)中來指導(dǎo)網(wǎng)頁游戲的界面設(shè)計(jì)。 根據(jù)先前得出的設(shè)計(jì)原則來 作為對網(wǎng)頁游戲具體 評價(jià)的依據(jù)來進(jìn)行設(shè)計(jì)功能和設(shè)計(jì)效果評價(jià)。 1 論文的選題背景及意義 2 1. 目的 9 2 界面設(shè)計(jì)理論基礎(chǔ) 10 人機(jī)界面設(shè)計(jì)理論 10 人機(jī)界面的概念 10 界面設(shè)計(jì)的分類 11 1. 功能性設(shè)計(jì)界面 11 2. 情感性設(shè)計(jì)界面 11 3. 環(huán)境性設(shè)計(jì)界面 11 界面設(shè)計(jì)的發(fā)展 12 1. 命令語言 14 網(wǎng)頁 游戲概述 14 網(wǎng)頁游戲的概念 14 北京師范大學(xué)繼教學(xué)院 PC游戲中的圖形用戶界面（ GUI）設(shè)計(jì) 0732133074 IV 網(wǎng)頁游戲的特性 15 1．網(wǎng)頁游戲的技術(shù)特性 17 網(wǎng)頁游戲的發(fā)展 21 2. 適合不同“級別”用戶的設(shè)計(jì) 21 以用戶為中心的網(wǎng)頁游戲設(shè)計(jì)方法 22 1. 以用戶為中心的設(shè)計(jì) 22 網(wǎng)頁游戲界面設(shè)計(jì)的主要流程 23 4. 建立交互界面模型 24 6. 交互的測試和評估 28 正文 1 / 28 1 緒 論 論文的選題背景及意義 背景知識 1. 無端網(wǎng)游 休閑娛樂已經(jīng)成為我們這個時代 生活很重要的一部分，游戲 (Game)是一種參與、交互式的娛樂形式。電子游戲指以電子 元器件組裝成的設(shè)備為運(yùn)行平臺的游戲。玩網(wǎng)絡(luò)游戲也已經(jīng)成為當(dāng) 今人們休閑娛樂最為流行的一種方式。網(wǎng)絡(luò)游戲按照聯(lián)網(wǎng)方式分為：脫網(wǎng)單機(jī)游戲和網(wǎng)絡(luò)游戲；而網(wǎng)絡(luò)游戲按 照客戶端模式則分為：需要安裝相關(guān)內(nèi)容客戶端軟件的傳統(tǒng)網(wǎng)游和不需要客戶端 的 無端