【正文】 我們認(rèn)為一款優(yōu)秀的網(wǎng)頁游戲界面設(shè)計是設(shè)計人員與玩家之間的一種交流， 用戶的需求應(yīng)當(dāng)始終貫穿在整個設(shè)計過程之中。 屏幕顯示和布局設(shè)計 在經(jīng)過各種嘗試后，接下來就要選擇一種視覺形式 (功能布局、外形、 色彩、材質(zhì)、月路游成 UI 網(wǎng)頁游戲界。 下面網(wǎng)頁游戲的網(wǎng)頁游戲表網(wǎng)頁游戲格形象地說明了網(wǎng)絡(luò)游戲的界面實(shí)現(xiàn)過程。所以決定了這樣的設(shè)計注定是一種“迭代”式的開發(fā)工作：基于一個原形，不斷獲得反饋，不斷完善和修正。 用戶體 驗?zāi)繕?biāo) 用戶體驗指的是游戲用戶在玩游戲、與整個游戲系統(tǒng)進(jìn)行交互時的體驗感覺，是基于游戲用戶本身主觀體驗的主觀要求，是個涉及面很寬泛的問題 [24]。另外對網(wǎng)頁游戲的概念，分類、特點(diǎn)以及發(fā)展進(jìn)行相關(guān)介紹。 但是誰也不曾料想到，一款國外引進(jìn)過來的星戰(zhàn)題材《 OGAME》和貓撲網(wǎng)以圖形化社區(qū)演變而來的《貓游記》能使早已在國內(nèi)衰敗的 WEBGAME 死灰復(fù)燃，并掀起了其在國內(nèi)火熱的第二股高潮。界面與交互手段的限制，使網(wǎng)頁游戲在游戲玩法設(shè)計上也無法施展，因此網(wǎng)頁游戲一直難以登堂入室，不被玩家認(rèn)可。就受眾人群的知識層次與消費(fèi)能力而言，以“白領(lǐng)”玩家為主的網(wǎng)頁游戲無疑已成為網(wǎng)絡(luò)游戲中的“高端產(chǎn)品”。這種方式可以使很多不適合玩游戲的場所也可以進(jìn)行游戲。等種種特點(diǎn)，也非常適合長時 正文 16 / 28 間呆在辦公室和校園的 OFFICE 一族和大學(xué)生一族，他們可以輕松地“在老板眼皮底下”享受游戲的樂趣，這些都是傳統(tǒng)網(wǎng)游所不能比擬的。他的目的是為了娛樂，所用的手段和運(yùn)行平臺確是網(wǎng)頁瀏覽器。而哭臉則表達(dá)了相反的信息，表示失敗、消極的含義。但這并不是因為它能找出聲音信號上的微小差別，而是因為它懂得你的意思。本文主要研究的是人機(jī)軟件界面。 正文 10 / 28 2 界面設(shè)計理論基礎(chǔ) 人機(jī)界面設(shè)計理論 在人和機(jī)器的互動過程（ HumanMachine Interaction）中，有一個層面，即我們所說的界面（ interface）。計算機(jī)用戶發(fā)生了改變，非計算機(jī)專業(yè)的普通用戶成了用戶的主體，這一重大轉(zhuǎn)變使游戲的可用性問題變得日益突出起來。 正文 4 / 28 2021 年 10 月 歐洲 Maid Marian Entertainment 《 Sherwood Dungeon》（舍伍德地牢） 3D 高品質(zhì)網(wǎng)頁游戲 已經(jīng)相當(dāng)?shù)某錾?，從很多方面可以和一?3D 網(wǎng)絡(luò)游戲相媲美。 正文 3 / 28 1. 目的 今年網(wǎng)頁游戲突然之間變得很熱門，盛大、騰訊、 1717新浪等大公司都很積極的關(guān)注，甚至連百度也摻和了進(jìn)來。 未來的計算機(jī)軟硬件技術(shù)的發(fā)展，不僅個人電腦，使得手機(jī)，電視， PDA 等都 正文 2 / 28 可以作為客戶終端，由于互聯(lián)網(wǎng)無處不在，擁有海量信息存儲空間的服務(wù)器端超級強(qiáng)大 ，本地客戶端甚至不需要硬盤來存儲信息。 28 正文 1 / 28 1 緒 論 論文的選題背景及意義 背景知識 1. 無端網(wǎng)游 休閑娛樂已經(jīng)成為我們這個時代 生活很重要的一部分，游戲 (Game)是一種參與、交互式的娛樂形式。 21 2. 適合不同“級別”用戶的設(shè)計 15 1．網(wǎng)頁游戲的技術(shù)特性 14 網(wǎng)頁 游戲概述 11 2. 情感性設(shè)計界面 10 人機(jī)界面設(shè)計理論 用論文所得出的原則和方法來對網(wǎng)頁游戲界面進(jìn)行指導(dǎo)和規(guī)范設(shè)計后，較原版本游戲用戶更加認(rèn)可，有更好的滿意度。 1 1. 無端網(wǎng)游 2 論題研究目的與現(xiàn)實(shí)意義 13 4. 多媒體用戶界面及多通道用戶界面的發(fā)展 20 可用性目標(biāo) 24 5. 界面的圖形設(shè)計 網(wǎng)絡(luò)游戲擁有強(qiáng)大的人與人之間的交流平 臺，用戶在游戲中得到充足的虛擬現(xiàn)實(shí)體驗，這是過去傳統(tǒng)游戲不能比擬的。 用戶界面設(shè)計 (User Interface Design)是屏幕產(chǎn)品的重要組成部分。這種簡化是革命性的，與 PC 網(wǎng)游成鮮明對比。在游戲的過程中，玩家能獲得上百種不同的動漫人物形象以及 他 專屬的職業(yè)與隱藏技能，并且能隨時變換你的角色，感受這些動漫角色帶來的不同職業(yè)與技能的樂趣。 雖然目前有少數(shù)國外的資深游戲設(shè)計師在其著作中談到網(wǎng)頁游戲界面設(shè)計，但也只是簡單的概略性的介紹，對整個網(wǎng)頁游戲界面設(shè)計方法缺乏系統(tǒng)、全面、具體的介 正文 9 / 28 紹和分析。 人機(jī)界面的概念 介于人與計算機(jī)之間，人與機(jī)器的通信，人機(jī)界面 (HCI)：軟件 +硬件所謂界面，即人機(jī)界面 (HumanMachine Interface)，是人與機(jī)器進(jìn)行交互的操作方式，即用戶與機(jī)器互相傳遞信息的媒介，其中包括信息的輸入和輸出。情感把握在于深入 目標(biāo)對象的使用者的感情，而不是個人的情感抒發(fā)。這種方式能同時顯示不同種類的信息，使用戶可在幾個工作環(huán)境中切換而不丟失幾個工作之間的聯(lián)系，用戶可通過下拉式菜單方便執(zhí)行控制型和對話型任務(wù)，引入圖標(biāo)、按鈕和滾動桿技術(shù)，大大減少鍵盤輸入，對不精于打字的用戶無疑提高了交互效率。隨著inter 的深入發(fā)展和 WEB 編程技術(shù)的跟新?lián)Q代發(fā)展，網(wǎng)頁游戲獲得了長足的發(fā)展。 網(wǎng)頁游戲天然就是網(wǎng)絡(luò)游戲。 2．網(wǎng)頁游戲的游戲特性 不同于以前的單機(jī)休閑小游戲，網(wǎng)頁游戲雖然“輕巧”卻絕不簡單。目前網(wǎng)頁游戲已經(jīng)在國內(nèi)擁有一批龐大的玩家群體。 3) 游戲畫面表現(xiàn)力不夠 瀏覽器的局限導(dǎo)致網(wǎng)頁游戲的畫面很難達(dá)到客戶端網(wǎng)游的程度。網(wǎng)站訪問量自然瘋了似地往上飆升！在網(wǎng)絡(luò)泡沫經(jīng)濟(jì)最紅火的時期，能增加網(wǎng)站訪問量就等于大把地?fù)七M(jìn)鈔票。多平臺的受眾覆蓋率和贏利空間更大?？捎眯阅繕?biāo)體現(xiàn)在要求網(wǎng)頁游戲界面具有一定的使用功能且是有效的游戲和用戶的交互功能，人機(jī)交互效率要高，易于游戲用戶學(xué)習(xí)和使用，具備一定的通用性。 3. 關(guān)注用戶“有限注意力”的設(shè)計 用戶在屏幕上的注意力是有限的，過多的不相關(guān)信息，會很大的影響用戶的閱讀。 2. 用戶參與設(shè)計 用戶應(yīng)當(dāng)積極主動加入設(shè)計過程，并進(jìn)入設(shè)計組共同進(jìn)行決策。 4. 建立交互界面模型： 描述人機(jī)交互的結(jié)構(gòu)層次和動態(tài)行為過程，確定描述圖形的規(guī)格、說明語言的形式，并對該形式語言進(jìn)行具體的定義。 6. 交互的測試和評估 開發(fā)完成的交互系統(tǒng)必須經(jīng)過嚴(yán)格的測試和評估。 。這個設(shè)計過程要反復(fù)多次。確定設(shè)計任務(wù)后，要多與策劃人員和多數(shù)玩家反復(fù)交流，根據(jù)策劃人員和多數(shù)玩家的意見來構(gòu)思游戲界面的風(fēng)格，并定位文化背景，具體而言，要把界面視 覺效果同游戲的時代聯(lián)系在一起，不能不倫不類。 1. 以用戶為中心的設(shè)計 系統(tǒng)設(shè)計必須根據(jù)用戶的需要來確定，而不能由功能過程需求，或硬件限制等來推動。一個在線游戲中有各種級別的玩家，不同級別的玩家，有著及其不同的特點(diǎn)。可用性目標(biāo)與用戶體驗?zāi)繕?biāo)所關(guān)注的目的是不同的，究竟哪一個目標(biāo)的實(shí)現(xiàn)更為重要取決于對特定的用戶需求和用戶任務(wù)。目前，網(wǎng)頁游戲這個市場正在迅猛發(fā)育中。不同的是，網(wǎng)絡(luò)游戲更直觀一些，而虛擬社區(qū)則是以大量文字和少許圖片的形式來表現(xiàn)。 1) 部分游戲模式互動性不強(qiáng) 因為網(wǎng) 頁游戲中，除了角色扮演題材，其他題材都需要用戶時刻在線，所以很難直接讓游戲用戶以一種直觀的方式和別的用戶溝通?！俺撩浴边@一在傳統(tǒng)網(wǎng)游蹤無法回避的 問題在網(wǎng)頁游戲中基本不可能出現(xiàn)。多平臺無疑將為網(wǎng)頁游戲帶來更高的受眾覆蓋率與贏利空間。最近幾年興起的豐富互聯(lián)網(wǎng)應(yīng)用 (Rich Inter Application，簡稱 RIA)技術(shù)，能在瀏覽器這個應(yīng)用最廣的平臺上做出美不勝收的顯示和交互效果來。 [6] 網(wǎng)頁游戲概述 網(wǎng)頁游戲的概念 所謂 WebGame 翻譯成中文就是“網(wǎng)頁游戲”，是指無需下載和安裝客戶端程序、基于 ASP、 PHP、 Java 和 ActiveX 等 WEB 編程技術(shù)和 Flash 技術(shù)，運(yùn)行于 WEB 瀏覽器的網(wǎng)絡(luò)在線游戲。但使用起來仍然乏味，可能出現(xiàn)菜單層次過多及菜單選項復(fù)雜的情形，必須逐級進(jìn)行選擇，不能一步到位，導(dǎo)致交互速度緩慢。 2. 情感性設(shè)計界面 即物要傳遞感受給人，取得與人的感情共鳴。而設(shè)計藝術(shù)是研究人一物關(guān)系的學(xué)科，對象物所代表的不是簡單的機(jī)器與設(shè)備，而是有廣度與深度的物；這里的人也不是“生物人”，不能單純地以人的生理特征進(jìn)行分析。游戲 Age of Empires 的設(shè)計者們曾提出“前十五 分鐘法則”，即對一款游戲來說，如果入門玩家不能在前十五分鐘順利地弄明白基本操作規(guī)則和策略，或者鐵桿玩家不能在前十五分鐘感受到興趣和挑戰(zhàn)的話，他們將永遠(yuǎn)離開這個游戲，不再做進(jìn)一步嘗試。而在游戲系統(tǒng)方面也做到了玩家之所需， 任務(wù)， 戰(zhàn)斗，寵物，聊天，裝備打造，非常全面系統(tǒng)。根據(jù)最新的調(diào) 查顯示：預(yù)計到今年年底全球互聯(lián)網(wǎng)用戶數(shù)量將會超過 10 億，而中國網(wǎng)民數(shù)量已經(jīng)達(dá)到 億，超過美國成為世界第一，網(wǎng)民上網(wǎng)最主要目的是為了娛樂。界面的功能可分為實(shí)用功能和審美功能。 在互 聯(lián)網(wǎng)時代，電子游戲已經(jīng)發(fā)展成為網(wǎng)絡(luò)游戲。 23 3. 游戲任務(wù)分析設(shè)計 21 3. 關(guān)注用戶“有限注意力”的設(shè)計 根據(jù)人機(jī)界面設(shè)計基本原理，即符合用戶需要的“簡單、自然、友好、一致”界面設(shè)計基本原則的基礎(chǔ)上，結(jié)合網(wǎng)頁界面設(shè)計的原則和游戲界面設(shè)計原則三方面綜合分析得出網(wǎng)頁游戲界面設(shè)計的原則。 13 23 2. 用戶調(diào)查分析 游戲則要復(fù)雜很多，當(dāng)人們玩游戲時，因積極參與而獲得快樂。無端網(wǎng)游終將取代傳統(tǒng)游戲，成為未來游戲的主流和發(fā)展方向。大家的意見主要還是說 WebGame 主要針對上班一族，也就是當(dāng)作小菜來吃。 圖 11 舍伍德地牢的界面截圖 Interface screenshot of Sherwood Dungeon 圖 12 舍伍德地牢的界面截圖 Interface screenshot of Sherwood Dungeon 正文 5 / 28 2021 年 6 月 萬眾矚目的 3D 動作新游 Robo Rescue 在充滿創(chuàng)新元素的在線游戲平臺 Kalydo 火爆上線。 著名的游戲開發(fā)者 Bill Volk 曾 經(jīng)對游戲設(shè)計寫下了一個等式“界面 +產(chǎn)品要素 =游戲。用戶界面設(shè)計是屏幕產(chǎn)品的重要組成部分。 “人”是設(shè)計界面的一個方面，是認(rèn)識的主體和設(shè)計服務(wù)的對象，而作為對象的“物 ”則是設(shè)計界面的另一個方面。 圖 21 ：人機(jī)界面關(guān)系模型 Model of HMI 應(yīng)該說，設(shè)計界面是以功能性界面為基礎(chǔ)，以環(huán)境性界面為前提，以情感性界面為重心而構(gòu)成的，它們之間形成有機(jī)和系統(tǒng)的聯(lián)系，如圖 21 所示。一般人們的視覺流程為：從上到下、從左到右、從動態(tài)到靜態(tài)、