【正文】 交換信息的 媒介。 2. 游戲界面設(shè)計 在人和機器的互動過程 (HumanMachine Interaction)中有一個層面，即我們所說的用戶界面 (User Interface)。微軟認(rèn)為未來的時代，連軟件使用都希望完全通過網(wǎng)絡(luò)來實現(xiàn)，而不需要在去買什么光盤回家安裝什么軟件。無論從游戲的功能性、系 統(tǒng)的完善性和畫面的視覺沖擊力等方面，全新的無端網(wǎng)游都已達(dá) 到 傳統(tǒng) 2D 網(wǎng)游精品的水準(zhǔn)，甚至在某些方面有所超越，比如在游戲的便捷性和優(yōu)秀的環(huán)境適應(yīng)能力等方面。無端網(wǎng)游的主要形式為 WebGame，即網(wǎng)頁游戲。 網(wǎng)絡(luò)游戲是利用 TCP/IP 協(xié)議，以 Inter 為依托，可以多人同時參與的游 戲項目。網(wǎng)絡(luò)游戲擁有強大的人與人之間的交流平 臺，用戶在游戲中得到充足的虛擬現(xiàn)實體驗，這是過去傳統(tǒng)游戲不能比擬的。 在互 聯(lián)網(wǎng)時代，電子游戲已經(jīng)發(fā)展成為網(wǎng)絡(luò)游戲。這與傳統(tǒng)的游戲方式是不同的，傳統(tǒng)的 游戲需要現(xiàn)實中的游戲道具，如：象棋、撲克牌等。 隨著計算機以及圖形圖像技術(shù)的發(fā)展，出現(xiàn)了電子游戲。這一概念是相對于被動式的娛樂形式而言的，看電視、讀書、看電影都是被動式的娛樂方式，在這些方式中，娛樂是展現(xiàn)式的，大眾只能被動參與。 27 致謝 25 4 總結(jié) 24 5. 界面的圖形設(shè)計 23 3. 游戲任務(wù)分析設(shè)計 22 1. 調(diào)查用戶要求或環(huán)境 22 2. 用戶參與設(shè)計 21 3. 關(guān)注用戶“有限注意力”的設(shè)計 20 用戶體驗?zāi)繕?biāo) 20 可用性目標(biāo) 18 3 網(wǎng)頁游戲中界面設(shè)計的方法和流程研究 17 4．網(wǎng)頁游戲的不足 15 2．網(wǎng)頁游戲的游戲特性 13 視覺習(xí)慣 13 5. 虛擬現(xiàn)實技術(shù)的應(yīng)用 13 4. 多媒體用戶界面及多通道用戶界面的發(fā)展 8 本文的主要工作及結(jié)構(gòu) 3 2. 研究的意義 2 論題研究目的與現(xiàn)實意義 1 2. 游戲界面設(shè)計 1 1. 無端網(wǎng)游 關(guān)鍵詞 : 網(wǎng)頁游戲， 人機界面設(shè)計 ，游戲界面設(shè)計 北京師范大學(xué)繼教學(xué)院 PC游戲中的圖形用戶界面（ GUI）設(shè)計 0732133074 II GRAPHICAL USER INTERFACE DESIGN OF THE PC GAME —— ANALYSIS ON GRAPHICAL USER INTERFACE DESIGN OF THE WEBGAME ABSTRACT User Interface which as a bridge between WebGame and user has great difference with other games in interface design. This paper first introduced and anatomized the doctrine of WebGame and HumanComputer Interaction technology. Then presents our research work: the principal, method and workflow which can serve as a guide for future Graphic UI design. WebGame is one of Online Gaming which made with web page programming language such as JAVA, ASP and ActiveX. Game player can play it in web browser directly and do not need download and install any client software in their PC. Along with the inter technology unceasing development, WebGame get a rapid development over the past few years and will be likely to replace traditional online games in the future. Recently, the industry of Game regards browser as a virtual operating system, which 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 緒論用論文所得出的原則和方法來對網(wǎng)頁游戲界面進(jìn)行指導(dǎo)和規(guī)范設(shè)計后，較原版本游戲用戶更加認(rèn)可，有更好的滿意度。根據(jù)人機界面設(shè)計基本原理，即符合用戶需要的“簡單、自然、友好、一致”界面設(shè)計基本原則的基礎(chǔ)上，結(jié)合網(wǎng)頁界面設(shè)計的原則和游戲界面設(shè)計原則三方面綜合分析得出網(wǎng)頁游戲界面設(shè)計的原則。 北京師范大學(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è)計。 論文主要闡述了人機界面設(shè)計的基本原理，包括界面設(shè)計原理，認(rèn)知心理學(xué)和視覺習(xí)慣基礎(chǔ)理論，具體分析以上要素在網(wǎng)頁游戲界面設(shè)計中的作用。 根據(jù)先前得出的設(shè)計原則來 作為對網(wǎng)頁游戲具體 評價的依據(jù)來進(jìn)行設(shè)計功能和設(shè)計效果評價。是的確符合以用戶為中心的界面設(shè)計理論，是可以用來指導(dǎo)未來的網(wǎng)頁游戲的界面設(shè)計。 1 論文的選題背景及意義 1 背景知識 2 1. 目的 9 2 界面設(shè)計理論基礎(chǔ) 10 人機界面設(shè)計理論 10 人機界面的概念 10 界面設(shè)計的分類 11 1. 功能性設(shè)計界面 11 2. 情感性設(shè)計界面 11 3. 環(huán)境性設(shè)計界面 11 界面設(shè)計的發(fā)展 12 1. 命令語言 12 2. 菜單和圖形用戶界面的廣泛應(yīng)用 13 3. 面向窗口的點選界面 13 14 網(wǎng)頁 游戲概述 14 網(wǎng)頁游戲的概念 14 北京師范大學(xué)繼教學(xué)院 PC游戲中的圖形用戶界面（ GUI）設(shè)計 0732133074 IV 網(wǎng)頁游戲的特性 15 1．網(wǎng)頁游戲的技術(shù)特性 16 3．網(wǎng)頁游戲的用戶和市場特征 17 網(wǎng)頁游戲的發(fā)展 20 網(wǎng)頁游戲界面設(shè)計方法的研究 21 1. 切實關(guān)注用戶需要的設(shè)計 21 2. 適合不同“級別”用戶的設(shè)計 21 以用戶為中心的網(wǎng)頁游戲設(shè)計方法 22 1. 以用戶為中心的設(shè)計 22 網(wǎng)頁游戲界面設(shè)計的主要流程 23 2. 用戶調(diào)查分析 23 4. 建立交互界面模型 24 6. 交互的測試和評估 26 參考文獻(xiàn) 28 正文 1 / 28 1 緒 論 論文的選題背景及意義 背景知識 1. 無端網(wǎng)游 休閑娛樂已經(jīng)成為我們這個時代 生活很重要的一部分，游戲 (Game)是一種參與、交互式的娛樂形式。游戲則要復(fù)雜很多，當(dāng)人們玩游戲時，因積極參與而獲得快樂。電子游戲指以電子 元器件組裝成的設(shè)備為運行平臺的游戲。而電子游戲則是通過控制電 子游戲設(shè)備與電子游戲進(jìn)行交互的游戲方式。玩網(wǎng)絡(luò)游戲也已經(jīng)成為當(dāng) 今人們休閑娛樂最為流行的一種方式。同 時，人的思想和行為等方面在玩游戲的過程中已經(jīng)受到了游戲的影響 [1]。網(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)游。 社會在進(jìn)步，技術(shù)在發(fā)展，而互聯(lián)網(wǎng)和 Flash 技術(shù)的深層次發(fā)展讓“傳統(tǒng)客 戶端網(wǎng)游”運行在瀏覽器中的美好愿望已經(jīng)成為現(xiàn)實。 未來的計算機軟硬件技術(shù)的發(fā)展，不僅個人電腦，使得手機，電視， PDA 等都 正文 2 / 28 可以作為客戶終端，由于互聯(lián)網(wǎng)無處不在，擁有海量信息存儲空間的服務(wù)器端超級強大 ，本地客戶端甚至不需要硬盤來存儲信息。無端網(wǎng)游終將取代傳統(tǒng)游戲，成為未來游戲的主流和發(fā)展方向。它是計算機科學(xué)與認(rèn)知心理學(xué)、設(shè)計藝術(shù)、 人機工程學(xué)、人因?qū)W (Human Factors)、社會學(xué)、語言學(xué)等交叉研究領(lǐng)域。從心理學(xué)意義來分，界面可分為感覺 (視覺、觸覺、聽覺等 )和情感兩個層次。實用功能完成界面溝通人和機器的使命；審美功能在滿足用戶審美要求的同時并輔助實用功能。界面設(shè)計是一個復(fù)雜的有不