【正文】 由明到暗、由粗線條到細(xì)線條，突然運(yùn)動(dòng)或者改變運(yùn)動(dòng)狀態(tài)的物體比靜止的物體更能引起人們的關(guān)注，箭頭、下劃線等也能引導(dǎo)觀察者的視線，這些習(xí)慣的形成與人類的視覺(jué)生理特性、思維發(fā)展的邏輯順序和思維習(xí)慣有關(guān)。技術(shù)的發(fā)展為網(wǎng)頁(yè)游戲提供了豐富的表現(xiàn)手段。 網(wǎng)頁(yè)游戲的未來(lái)潛力還體現(xiàn)在其跨平臺(tái)的拓展能力上。通過(guò)手機(jī)甚至可以在汽車(chē)上。 網(wǎng)頁(yè)游戲的獨(dú)特魅力與巨大潛力使之迅速成為互聯(lián)網(wǎng)行業(yè)中的“新貴”，僅國(guó)內(nèi)就有眾多企業(yè)投入這一領(lǐng)域并開(kāi)發(fā)制作出了大量網(wǎng)頁(yè)游戲。例如《第九城市》、《逸飛嶺》等，以及活躍在各信息港的不同版本的《笑傲江湖》。技術(shù)的發(fā)展為網(wǎng)頁(yè)游戲提供了豐富的表現(xiàn)手段。通過(guò)界面設(shè)計(jì)理論的建立和界面設(shè)計(jì)一般方法的研究，我們可以用界面設(shè)計(jì)的方法來(lái)研究網(wǎng)頁(yè)游戲的界面設(shè)計(jì)。用戶體驗(yàn)?zāi)繕?biāo)注重的不是游戲界面的有效、可靠性，而是否能讓游戲用戶滿意、是否能增強(qiáng)游戲的沉浸感、是否能激發(fā)游戲用戶的創(chuàng)造力和滿足感等等。 以用戶為中心的網(wǎng)頁(yè)游戲設(shè)計(jì)方法 網(wǎng)頁(yè)游戲用戶界面設(shè)計(jì)的關(guān)鍵特征包括：以用戶為中心，特定的可用性標(biāo)準(zhǔn)和迭代設(shè)計(jì)。必須盡可能廣泛向系統(tǒng)未來(lái)潛在用戶進(jìn)行調(diào)查，也要注意調(diào)查人機(jī)交互涉及的硬、軟件環(huán)境，以增強(qiáng)交互活動(dòng)的可行性和易行性。 它包括吸引用戶的注意所進(jìn)行的增強(qiáng)顯示的設(shè)計(jì)，例如采取運(yùn)動(dòng)（ 閃爍或改變位置），改變形狀、大小、顏色、亮度、環(huán)境等特征（如加線、加框、前景和背景反轉(zhuǎn)），增加聲音等手段；使用顏色的設(shè)計(jì)；關(guān)于顯示信息、使用略語(yǔ)等的細(xì)化設(shè)計(jì)等。 正文 27 / 28 參考文獻(xiàn) [1] (美 )Jeff Johnson， GUI 設(shè)計(jì)禁忌，機(jī)械工業(yè)出版社， [2] 葉思義，宋購(gòu)璐，游戲設(shè)計(jì)全方位學(xué)習(xí)，北京，中國(guó)鐵道出版社， [3] 郭亞軍，金先級(jí)，人機(jī)交互，武漢，華中科技大學(xué)出版社， [4] 黃艷群，郭菊芹，信息產(chǎn)品的人機(jī)界面研究，機(jī)械設(shè)計(jì)， 2021 年 8 期 003 [5] 尼古拉 .尼葛洛龐帝，數(shù)字化生存 [M]，范海燕，胡泳譯，海南出版， 1997, 89 [6] 陳雷，網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) [J]，藝術(shù)探索， 2021， 19(1)： 7576. [7] 中國(guó)互聯(lián)網(wǎng)協(xié)會(huì)，《2021中國(guó)互聯(lián)網(wǎng)調(diào)查報(bào)告》， 2021 年 01 月 [8] 李彬彬，設(shè)計(jì)效果心理評(píng)價(jià)，北京，中國(guó)輕工業(yè)出版社， 2021, 174 正文 28 / 28 致謝 經(jīng)過(guò)在 *********************************4 年系統(tǒng)的學(xué)習(xí)，我從一個(gè) 計(jì)算機(jī)科學(xué)與技術(shù) 專業(yè)的門(mén)外漢到如今能夠理解并由衷喜愛(ài)這個(gè)學(xué)科。 正文 26 / 28 4 總結(jié) 本 論文 簡(jiǎn)單介紹和分析了網(wǎng)頁(yè)游戲的圖形界面的設(shè)計(jì)原理和背景及發(fā)展?fàn)顩r，論文就網(wǎng)頁(yè)游戲的特點(diǎn)，根據(jù)游戲的用戶特征和 WEB 瀏覽器平臺(tái)特征提出了對(duì)網(wǎng)頁(yè)游戲設(shè)計(jì)的一點(diǎn)方法。 5. 界面的圖形設(shè)計(jì)： 在經(jīng)過(guò)初步系統(tǒng)需求分析后，開(kāi)發(fā)人員在較短時(shí)間，以較低代價(jià)開(kāi)發(fā)出一個(gè)滿足系統(tǒng)基本要求的、簡(jiǎn)單的、可運(yùn)行系統(tǒng)。界面應(yīng)該盡量做到簡(jiǎn)練，大方，美觀而精致。 正文 22 / 28 用戶體驗(yàn)?zāi)繕?biāo)實(shí)現(xiàn)無(wú)疑是一個(gè)富有創(chuàng)意的、卻也比較麻煩的設(shè)計(jì)領(lǐng)域。 以上這些問(wèn)題都說(shuō)明了網(wǎng)頁(yè)游戲界面可用性指標(biāo)的重要性。但是國(guó)內(nèi)的網(wǎng)頁(yè)游戲競(jìng)爭(zhēng)，最終比的是如何深入挖掘玩家需求，如何根據(jù)本土玩家的趣味和網(wǎng)頁(yè)游 戲本身的特征，設(shè)計(jì)出最佳游戲來(lái)。不少虛擬社區(qū)由免費(fèi)變?yōu)槭召M(fèi)，習(xí)慣吃 正文 19 / 28 免費(fèi)大餐的網(wǎng)民自然難以接受，更何況大部分虛擬社區(qū)的質(zhì)量和管理都讓人不敢恭維。 網(wǎng)頁(yè)游戲出現(xiàn)得很早，最早的網(wǎng)頁(yè)游戲其實(shí)就是一些用 HTML 寫(xiě)的簡(jiǎn)單網(wǎng)頁(yè)，界面簡(jiǎn)陋，交互手段貧乏，玩家與游戲的每次交互都會(huì)引起瀏覽器刷屏一次。而網(wǎng)頁(yè)游戲因?yàn)楦采w面廣，不需在線等特性，只要能夠打開(kāi)網(wǎng)頁(yè)就可以運(yùn)行游戲，其潛在受眾群體是一個(gè)讓大家驚訝的數(shù)字。網(wǎng)頁(yè)游戲一個(gè)很大的特色就是不需要用戶實(shí)時(shí)在線，安排好工作之后，隨著自然時(shí)間的增加游戲自然在發(fā)展，這個(gè)特性是客戶端網(wǎng)游無(wú)可比擬的。因此，網(wǎng)頁(yè)游戲有巨大的潛在受眾，又把體驗(yàn)游戲的過(guò)程簡(jiǎn)化到了極致，其發(fā)展?jié)摿Σ蝗莺鲆?。而隨后的《 king wars》和《戰(zhàn)神》等策略型 WEBGAME 則已經(jīng)完全脫離了交流社區(qū)的范疇，而正式發(fā)展成為獨(dú)立的游戲類型，并開(kāi)始逐步提高其游戲性和可玩性，在內(nèi)容設(shè)計(jì)和系統(tǒng)數(shù)值上也有了進(jìn)一步地深入和完善。例如，很多軟件在表示它 的運(yùn)行狀態(tài)時(shí)都會(huì)有一個(gè)很明顯的情感圖形特征，即如果是正常運(yùn)行的話會(huì)出現(xiàn)一個(gè)笑臉，如果是運(yùn)行錯(cuò)誤的話則會(huì)出現(xiàn)一個(gè)哭臉。但是界面不僅和電腦的外表或給人的感覺(jué)有關(guān)，它還關(guān)系到個(gè)性的創(chuàng)造、智能化的設(shè)計(jì)，以及如何使機(jī)器能夠識(shí)別人類的表達(dá)方式 ” [5]。 狹義界面狹義的人機(jī)界面指計(jì)算機(jī)系統(tǒng)中的人機(jī)界面，即所謂的軟界面。 本文旨在通過(guò)根據(jù)得出的理論來(lái)優(yōu)化和改善網(wǎng)頁(yè)游戲中的界面設(shè)計(jì)，使網(wǎng)頁(yè)游戲能夠更加受到用戶的喜愛(ài)，為未來(lái)的網(wǎng)頁(yè)游戲界面設(shè)計(jì)提供有理、有 序、系統(tǒng)化的理論指導(dǎo)，促進(jìn)網(wǎng)頁(yè)游戲的進(jìn)一步發(fā)展。 從用戶角度來(lái)說(shuō)，用戶愈為迫切地需要符合“簡(jiǎn)單、自然、友好、一致”原則的人機(jī)界面。 而且現(xiàn)在已經(jīng)有一些開(kāi)發(fā)者在從事這個(gè)方面的研究。 網(wǎng)頁(yè)游戲正是屬于網(wǎng)絡(luò)游戲范疇，它是指無(wú)需下載和安裝客戶端程序、基于 ASP、PHP、 Java 和 ActiveX 等 WEB 編程技術(shù)和 Flash 技術(shù)，運(yùn)行于 WEB 瀏覽器 的網(wǎng)絡(luò)在線游戲。 社會(huì)在進(jìn)步，技術(shù)在發(fā)展，而互聯(lián)網(wǎng)和 Flash 技術(shù)的深層次發(fā)展讓“傳統(tǒng)客 戶端網(wǎng)游”運(yùn)行在瀏覽器中的美好愿望已經(jīng)成為現(xiàn)實(shí)。 26 參考文獻(xiàn) 20 網(wǎng)頁(yè)游戲界面設(shè)計(jì)方法的研究 16 3．網(wǎng)頁(yè)游戲的用戶和市場(chǎng)特征 1 背景知識(shí) 關(guān)鍵詞 : 網(wǎng)頁(yè)游戲， 人機(jī)界面設(shè)計(jì) ，游戲界面設(shè)計(jì) 北京師范大學(xué)繼教學(xué)院 PC游戲中的圖形用戶界面（ GUI）設(shè)計(jì) 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è)計(jì) 0732133074 III 目錄 1 緒論 8 本文的主要工作及結(jié)構(gòu) 18 3 網(wǎng)頁(yè)游戲中界面設(shè)計(jì)的方法和流程研究 網(wǎng)絡(luò)游戲是利用 TCP/IP 協(xié)議，以 Inter 為依托，可以多人同時(shí)參與的游 戲項(xiàng)目。 游戲界面指游戲軟件的用戶界面，包括游戲畫(huà)面中的按鈕、動(dòng)畫(huà)、文字、聲 音、窗口等與游戲用戶直接或間接接觸的游戲設(shè)計(jì)元素。 從科技發(fā)展角度來(lái)說(shuō)，未來(lái)的計(jì)算機(jī)軟硬件技術(shù)的發(fā)展，不僅個(gè)人電腦，使 得手機(jī)、電視、 PDA 等都可以作為 客戶終端，由于互聯(lián)網(wǎng)無(wú)處不在，擁有海量信息存 儲(chǔ)空間的服務(wù)器端超級(jí)強(qiáng)大，本地客戶端甚至不需要硬盤(pán)來(lái)存儲(chǔ)信息。 圖 15 小小忍者的界面截圖 Interface screenshot of 小小忍者 圖 16 小小忍者的界面截圖 Interface screenshot of 小小忍者 正文 7 / 28 圖 17 小小忍者的 界面截圖 Interface screenshot of 小小忍者 正文 8 / 28 2. 研究的意義 從網(wǎng)頁(yè)游戲整個(gè)行業(yè)發(fā)展來(lái)說(shuō)，雖然目前網(wǎng)頁(yè)游戲產(chǎn)業(yè)帶來(lái)的利潤(rùn)越來(lái)越豐厚 ，但仍然有很多新的網(wǎng)頁(yè)游戲在抄襲已有經(jīng)典游戲模式的現(xiàn)象存在，很多國(guó)產(chǎn)游戲只注重商業(yè)效應(yīng)，對(duì)于游戲性和游戲的人機(jī)設(shè)計(jì)的探索卻還是原地踏步，甚至可以說(shuō)是毫無(wú)創(chuàng)新 !游戲質(zhì)量的良莠不齊，有的