网页游戏中界面设计的研究和应用《田军龙》文档格式.docx

网页游戏中界面设计的研究和应用《田军龙》文档格式.docx

《网页游戏中界面设计的研究和应用《田军龙》文档格式.docx》由会员分享，可在线阅读，更多相关《网页游戏中界面设计的研究和应用《田军龙》文档格式.docx（12页珍藏版）》请在冰点文库上搜索。

本人签名：

日期：

——网页游戏中界面设计的研究和应用

摘要

论文介绍了网页游戏在界面设的特点，根据人机界面设计的原理和特点，结合网页在游戏界面的设计的特点和设计的原则、方法以及流程，通过运用实际的游戏界面来指导网页游戏的界面设计。

论文主要叙述了人机界面设计的基本原理，根据用户需要的“简单、自然、友好、一致”界面设计基本原则，归纳了网页游戏的特殊性，分析了基于网络游戏与网页游戏不同类型的界面设计原则。

按照玩家的心理特征以及需求，，得出了用户参与的迭代式的界面设计方法。

根据论文得出的方法来对网页游戏界面进行规范设计后，使其在以前的基础上更加完美，取得用户较好的评价。

验证了论文提出的设计原则以及设计方法的科学性。

符合以用户为中心的界面设计理论，以指导未来的网页游戏的界面设计。

[关键词]网页游戏，人机交互设计，游戏界面设计，可用性，用户体验，迭代设计

——WebpagegameinterfacedesignresearchandApplication

Abstract

Thispaperintroducesthewebpagegameininterfacedesignfeatures,accordingtotheman-machineinterfacedesignprinciplesandcharacteristics,combinedwiththewebpageinthegameinterfacedesignfeaturesanddesignprinciples,methodsandprocesses,throughtheuseoftheactualgameinterfacetoguidethewebpagegameinterfacedesign.

Thepapermainlydescribesthebasicprincipleofhuman-computerinterfacedesignbasedonuserneeds,"

simple,natural,friendly,consistent"

interfacedesignbasicprinciple,summeduptheparticularityofwebpagegame,basedontheanalysisofnetworkgameanddifferenttypesofwebpagegameinterfacedesignprinciple.Accordingtothegameplayer'

spsychologicalcharacteristicsandneeds,theuserparticipation,iterativemethodsofinterfacedesign.

Accordingtotheauthor'

sapproachtothewebpagegameinterfacedesignspecification,sothatinthepastonthebasisofamoreperfect,maketheuserabetterevaluation.Verifythedesignprinciplesanddesignmethodsofscience.Consistentwiththeusercenteredinterfacedesigntheory,inordertoguidethefutureofwebpagegameinterfacedesign.

Keywords:

webpagegame,interactivedesign,gameinterfacedesign,usability,userexperience,iterativedesign

目录

前言...............................................................................06

一网页游戏的概述与特性………………………………….....06

1.1网页游戏的概述…………………………………...........06

1.2网页游戏的特性………………………………………...06

二界面设计理论基础…………………………………………..08

2.1人机界面的概念………………………………………...08

2.2人机界面设计理论……………………………………....08

2.3界面设计的发展………………………………………….09

2.4界面对用户心理的影响………………………………….09

三网页游戏中界面设计的方法和研究……………………......10

3.1网页游戏界面设计方法的研究…………………………10

3.2网页游戏界面的流程……………………......................11

3.3界面设计原则……………………………………………………………..12

四总结…………………………………………………………13

参考文献………………………………………………………14

致谢……………………………………………………………14

前言

中国网页游戏近两年发展迅速，尽管在用户规模上与传统网络游戏还存在着差距，但在我国整体网络游戏用户增长速度趋于放缓的情况下，网页游戏却持续增长，已经成为带动网络游戏发展的新力量。

一、网页游戏的概述与特性

1.1网页游戏的概述

所谓WebGame翻译成中文就是“网页游戏”，是指无需下载和安装客户端程序、基于ASP、PHP、Java和ActiveX等WEB编程技术和Flash技术，运行于WEB浏览器的网络在线游戏。

是伴随着互联网技术的成熟高速发展起来的新种类游戏。

随着internet的深入发展和WEB编程技术的跟新换代发展，网页游戏获得了长足的发展，大有取代传统网络游戏之势。

网页游戏作为一种特殊的游戏类型，对广大早期的网游玩家而言并不陌生。

早在网络游戏盛行之前的Mud时代就已经存在，并凭借其方便性和简易性吸引了一大批早期的网页用户。

1.2网页游戏的特性

1．网页游戏的技术特性

网页游戏依赖于网络技术的发展，最早的网页游戏其实就是一些用HTML写的简单网页，界面简陋，交互手段贫乏，玩家与游戏的每次交互都会引起浏览器刷屏一次。

用户体验与PC单机游戏相比，判若云泥，天差地远。

界面与交互手段的限制，使网页游戏在游戏玩法设计上也无法施展，因此网页游戏一直难以登堂入室，不被玩家认可。

2．网页游戏的游戏特性

不同于以前的单机休闲小游戏，网页游戏虽然“轻巧”却绝不简单。

网页游戏种类繁多，其游戏形态包含了角色扮演、战争策略、模拟经营、社区养成、休闲竞技等多种类型，题材则覆盖了科幻、历史、武侠、魔幻、体育等众多热门领域。

在游戏深度与耐玩性上，与传统网游相比并不逊色。

网页游戏进入门槛低，打开IE就可以玩。

网页游戏轻便、有趣、轻松的特色使其在短时间内迅速兴起并风靡一时，并被人们形象的称为“绿色网游”。

3．网页游戏的用户和市场特征

网页游戏的受众群体极其广泛。

客户端网页因为其需要用户长时间在线的特性，以及题材方式的限制，导致很多用户无法进入。

而网页游戏因为覆盖面广，不需在线等特性，只要能够打开网页就可以运行游戏，网页游戏的独特魅力与巨大潜力使之迅速成为互联网行业中的“新贵”，仅国内就有众多企业投入这一领域并开发制作出了大量网页游戏。

4．网页游戏的不足

网页游戏相对于客户端网游优点有很多，但是和传统网游相比，网页游戏还是有很多不成熟完善的地方。

而劣势其实集中在画面表现力上而随着互联网技术的发展，网页上的画面表现力也得到了长足的发展。

相对传统网页游戏的纯文字表现，现在的网页游戏已经逐步向多媒体方向发展。

1）部分游戏模式互动性不强

因为网页游戏中，除了角色扮演题材，其他题材都需要用户时刻在线，所以很难直接让游戏用户以一种直观的方式和别的用户沟通。

2）游戏节奏缓慢

因为网页游戏不需要实时在线的特性，使其大部分题材的游戏节奏是缓慢的。

3）游戏画面表现力不够

浏览器的局限导致网页游戏的画面很难达到客户端网游的程度。

4）网页游戏刚刚诞生、游戏内容不够丰富

新兴的娱乐模式，重视还不够，发展时间较短，游戏内容还大大的不够丰富。

虽然目前网页游戏尚无法与传统网游在市场规模上相提并论，但可以肯定的是，随着WEB技术的不断发展和网页游戏认知度与影响力的不断提升，网页游戏市场将迎来一波快速发展的高潮。

二界面设计理论基础

2.1人机界面的概念

人机界面（Human-MachineInterface），是人与机器进行交互的操作方式，即用户与机器互相传递信息的媒介，其中包括信息的输入和输出。

好的人机界面美观易懂、操作简单且具有引导功能，使用户感觉愉快、兴趣增强，从而提高使用效率。

界面可以分为硬界面和软界面，也可以分为广义的和狭义的人机界面。

广义界面的人机界面，指人与机之间存在一个相互作用的媒介，人通过视觉和听觉等感官接受来自机器的信息，经过脑的加工、决策，然后做出反应，实现人机的信息传递。

我们可以把人机界面看作一个有着交互的系统，在分析人机界面系统模型时，建立并分析人的行为模型，从而建立并设计人机界面系统。

可见研究人机界面就是研究机器怎样适应人的有效工作的问题。

狭义界面的人机界面指计算机系统中的人机界面，即所谓的软界面。

人机界面（Human-ComputerInterface），又称人机接口、用户界面（UserInterface）、人机交互（Human-ComputerInteraction），软界面是人和计算机之间的信息交流界面，人机界面的设计直接关系到人机关系的和谐和人在工作中的主体地位，以及整个计算机系统的可使用性和效率。

本文主要研究的是人机软件界面。

2.2人机界面设计理论

在人和机器的互动过程（Human-MachineInteraction），用户界面设计是屏幕产品的重要组成部分。

界面设计是一个复杂的有不同学科参与的工，认知心理学、设计学、语言学等在此都扮演着重要的角色。

用户界面设计的三大原则是：

置界面于用户的控制之下；

减少用户的记忆负担；

保持界面的一致性。

“人机界面”是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。

而设计艺术是研究人物关系的学科，对象所代表的不是简单的机器与设备，而是有广度与深度的物；

这里的人也不是“生物人”，不能单纯地以人的生理特征进行分析。

人的尺度，既应有作为自然人的尺度，还应有作为社会人的尺度；

既研究生理、心理、环境等对人的影响和效能，也研究人的文化、审美、价值观念等方面的要求和变化。

2.3界面设计的发展

这里所指的人机界面设计，是指计算机系统的用户界面上控制输入的设计方法，大致经过了五代的演变：

1.命令语言

在图形显示、鼠标、高速工作站等技术出现之前，现实可行的界面方式只能是命令和询问方式，通信完全以正文形式并通过用户命令和用户对系统询问的响应来完成。

这种方式使用灵活，便于用户发挥其创造性，对熟练的用户有很高的工作效率，但对一般用户来说要求高，易出错，不友善并难于学习，它的错误处理能力也较弱。

2.菜单和图形用户界面的广泛应用

图形用户界面和人机交互过程极大地依赖视觉和手动控制的参与，因此具有强烈的直接操作特点。

这种方式与命令行方式相比不易出错，可以大大缩短用户的培训时间，减少用户的击键次数，可以使用对话管理工具，错误处理能力有了显著提高。

但使用起来仍然乏味，可能出现菜单层次过多及菜单选项复杂的情形，必须逐级进行选择，不能一步到位，导致交互速度缓慢。

3.面向窗口的点选界面

此类界面亦称WIMP界面，即窗口（Windows）、图标（Icons）、菜单（Menus）、指示器（PointingDevice）四位一体，形成桌面（Desktop）。

这种方式能同时显示不同种类的信息，使用户可在几个工作环境中切换而不丢失几个工作之间的联系，用户可通过下拉式菜单方便执行控制型和对话型任务，引入图标、按钮和滚动杆技术，大大减少键盘输入，对不精于打字的用户无疑提高了交互效率。

4.多媒体用户界面及多通道用户界面的发展

自然语言与应用软件进行通信，把第三代界面技术与超文本、多任务概念结合起来，使用户可同时执行多个任务（以用户的观点）。

随着文字、图形、语音的识别与输术技术的进一步发展，多媒体技术在人机界面开发领域内的进一步发展，自然语言风格的人机界面将得以迅速的发展，最终走向实用化。

5.虚拟现实技术的应用

虚拟现实系统向用户提供身临其境（immerse）和多感觉通道（multi-sensory）体验，作为一种新型人机交互形式，虚拟现实技术比以前任何人机交互形式都有希望彻底实现和谐的、以人为中心的人机界面

2.4界面对用户心理的影响

富有表现力的界面就是使用富有表情的图标或其它图形元素来表达情感状态。

例如，很多软件在表示它的运行状态时都会有一个很明显的情感图形特征，即如果是正常运行的话会出现一个笑脸，如果是运行错误的话则会出现一个哭脸。

笑脸传递了友好善意的信息，在与用户的第一次见面的时候就把这种友好的情感传递给了用户，能够让用户感觉自在并回报以微笑，另外，笑脸形式的图标也能让用户感到放心，传达了一个一切正常的良好的信息。

而哭脸则表达了相反的信息，表示失败、消极的含义。

三3.1网页游戏界面设计方法的研究

以用户为中心原则是网页游戏界面设计的重要原则，中心问题是要设计出一个既便于游戏用户使用又能提供愉悦游戏体验的游戏界面。

一个好的游戏界面设计应该是既有实用功能又能满足使用者的审美需求。

游戏界面设计的目标包括可用性目标和用户体验目标。

可用性目标是关于游戏界面本身所要承担的人机交互功能的目标，而用户体验目标则是用户对于整个游戏界面设计的使用体验。

可用性目标与用户体验目标所关注的目的是不同的，究竟哪一个目标的实现更为重要取决于对特定的用户需求和用户任务。

可用性目标

对于可用性的定义，一般可以被概括为有用性和易用性两个方面：

有用性是指用户界面能否实现特定的功能，而易用性是指用户与界面的交互效率、易学性以及用户的满意度。

可用性目标体现在要求网页游戏界面具有一定的使用功能且是有效的游戏和用户的交互功能，人机交互效率要高，易于游戏用户学习和使用，具备一定的通用性。

常用的可用性标准包括：

用户对于游戏界面的学习时间，执行任务的效率，执行任务的步骤、用户的执行出错率和用户的使用满意度等。

在很多网页游戏界面的设计中，过分使用新的技术而忽略了游戏用户因素的现象，从而导致了游戏界面本身很多的有用性问题。

其表现为：

1.许多游戏本应该有的操作不能通过游戏界面去完成；

2.游戏界面本身就不具备完整的人机交互功能；

3.过多的功能造成界面混乱；

4.很多不需要的界面功能的闲置等等。

以上这些问题都说明了网页游戏界面可用性指标的重要性。

具有好的可用性的用户界面可以大大减少用户的误操作，提高工作效率，减少学习时间和技术支持，提高游戏的市场竞争力。

3.2网页游戏界面的流程

在网页游戏界面设计中，除了应首先考虑游戏的风格以外，按钮的具体用字，显示的位置要清晰明了。

必须将游戏功能分清楚，然后再继续深入。

界面应该尽量做到简练，大方，美观而精致。

同时考虑到资源的通用性，尽量统一视觉元素，可以统一规格大小的界面最好统一，以避免制作过程中的很多意想不到的麻烦。

下面网页游戏的网页游戏表网页游戏格形象地说明了网络游戏的界面实现过程。

3.3界面设计原则

（1）用户原则。

人机界面设计首先要确立用户类型。

（2）信息最小量原则。

人机界面设计要尽量减少用户记忆负担，采用有助于记忆的设计方案。

（3）帮助和提示原则。

要对用户的操作命令作出反应，帮助用户处理问题。

系统要设计有恢复出错现场的能力，在系统内部处理工作要有提示，尽量把主动权让给用户。

在长期的界面设计的研究与用户的研究调查的过程中，设计师们摸索出了一套界面设计的原则，以下的几条原则是设计师们应该遵循的：

一、人机界面的设计应该简洁易懂：

人机界面不应该喧宾夺主。

人机界面应该力求简洁，占用的屏幕空间越少越好。

二、人机界面和游戏世界应该风格统一：

从色彩到质感，应该和游戏世界保持一致协调。

而且界面与有些应该结合统一不要有过大反差。

三、人机界面应该具有一定的自解释性（affordance）与可学习性（learnable）：

所谓自解释性，是指一个设计能够通过自己的外表暗示自己的功能。

四、人机界面应该布局平衡：

所有文字和图表应该摆放得恰到好处，形成一种平衡感。

五、应该以一种动态的观点来设计人机界面：

将人机界面设计与平面设计区分开来的最主要一点便是前者是动态的，而后者则为静态的设计平面设计。

六、在设计用户界面时应将效率问题考虑在内.

七、人机界面设计的最高水平是达到无形入化：

所谓人机界面的无形入化，就是说人机界面非常自然，非常好用，玩家用起来得心应手，全身心地投入到游戏世界中.

四总结

根据网页游戏的特点,结合用户对游戏的心理特征及web浏览器平台特征提出了规范网页游戏的舌面设计的原则,运用迭代式界面设计方法和流程,对网页游戏的界面时机进行改进,以及描述了网页游戏的发展前景,对网页游戏界面的设计现状和特征进行了相应的调查,并按照现有游戏的分类特征分别具体分析提出基于游戏类型的游戏界面设计原则。

和以用户为中心的满足可用性和用户体验目标的网页游戏迭代式界面设计方法。

并阐述了该方法的设计目标和该方法的设计流程。

在“以用户为中心的”设计理念的驱使下，提出了以可用性和用户体验为目标的用户参与的迭代式网页游戏界面设计原则和方法以及流程。

使得网页游戏界面设计更加能贴近用户，成为具有良好人机交互功能的界面。

本文旨在通过根据得出的理论来优化和改善网页游戏中的界面设计使网页游戏能够更加受到用户的喜爱，为未来的网页游戏界面设计提供有理、有序、系统化的理论指导，促进网页游戏的进一步发展。

参考文献

[1]叶思义，宋购璐，游戏设计全方位学习，北京，中国铁道出版社，2005.12

[2]郭亚军，金先级，人机交互，武汉，华中科技大学出版社，2005.3

[3]黄艳群，郭菊芹，信息产品的人机界面研究，机械设计，2007年8期003

[4]尼古拉.尼葛洛庞帝，数字化生存[M]，范海燕，胡泳译，海南出版，1997,89

[5]王廷，汪安圣，认知心理学，北京，北京大学出版社，1992

[6]唐纳德·

A·

诺曼,设计心理学,北京,中信出版社,2003,10

[7]（美）鲁道夫.阿恩海姆著，滕守尧译，视觉思维——审美直觉心理学，

四川人民出版社，1998.3

[8]陈雷，网页设计基础[J]，艺术探索，2005，19

（1）：

75-76.

[9]周长春，王文杰，WEB应用界面设计方法，计算机工程与设计，2006年

27卷7期,1254-1257，

[10]XX百科，

[11]网页设计与制作于淼主编中国人名大学出跋涉

致谢

时间走得真快，从2012年11月选题开始，到今天的毕业论文定稿，已过去一个半月之久。

毕业论文的顺利完成标志着我转眼即逝的四年大学生活即将结束，想起这，心里颇为伤感。

经过在湖北文理学院四年的学习，我从一个数字媒体专业的门外汉到如今能够理解并由衷喜爱这个学科。

其中学到了很多有用的知识,这些知识对我终生有益，我也努力将这些知识应用在未来的工作中去。

感谢培养我的湖北文理学院学院，感谢所有的授课老师们!

最后，祝各位老师和同学工作顺利，身体健康，万事如意.