613352310毕业设计（论文）PC游戏中图形用户界面(GUI)设计浅析网页游戏中的图形用户界面设计.doc

《613352310毕业设计（论文）PC游戏中图形用户界面(GUI)设计浅析网页游戏中的图形用户界面设计.doc》由会员分享，可在线阅读，更多相关《613352310毕业设计（论文）PC游戏中图形用户界面(GUI)设计浅析网页游戏中的图形用户界面设计.doc（37页珍藏版）》请在三一办公上搜索。

1、北京师范大学论文题目：PC游戏中的图形用户界面（GUI）设计姓 名 院 系 专 业 计算机科学与技术 年 级 学 号 指导老师 2010年11月28日PC游戏中的图形用户界面（GUI）设计浅析网页游戏中的图形用户界面设计摘要论文介绍了主流的网页游戏界面设计的特点，根据人机界面设计的原理，综合网页界面设计和游戏界面设计的各自特点浅谈网页游戏界面设计的原则、方法、流程，并应用于实际开发中来指导网页游戏的界面设计。论文主要阐述了人机界面设计的基本原理，包括界面设计原理，认知心理学和视觉习惯基础理论，具体分析以上要素在网页游戏界面设计中的作用。根据人机界面设计基本原理，即符合用户需要的“简单、自然、友

2、好、一致”界面设计基本原则的基础上，结合网页界面设计的原则和游戏界面设计原则三方面综合分析得出网页游戏界面设计的原则。根据先前得出的设计原则来 作为对网页游戏具体评价的依据来进行设计功能和设计效果评价。用论文所得出的原则和方法来对网页游戏界面进行指导和规范设计后，较原版本游戏用户更加认可，有更好的满意度。是的确符合以用户为中心的界面设计理论，是可以用来指导未来的网页游戏的界面设计。关键词:网页游戏，人机界面设计，游戏界面设计GRAPHICAL USER INTERFACE DESIGN OF THE PC GAMEANALYSIS ON GRAPHICAL USER INTERFACE DES

3、IGN OF THE WEBGAMEABSTRACTUser 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 Human-Computer Interaction technology. Then presents our research work: the principal,

4、 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

5、PC. Along with the internet 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 ga

6、me 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 scien

7、tific using User monitoring and user survey method.Keywords: WebGame, Interface Design, Game Interface Design目录1 绪论 11.1 论文的选题背景及意义 11.1.1 背景知识 11. 无端网游 12. 游戏界面设计 21.1.2 论题研究目的与现实意义 21. 目的 32. 研究的意义 81.2 本文的主要工作及结构 92 界面设计理论基础 102.1 人机界面设计理论 102.1.1 人机界面的概念 102.1.2 界面设计的分类 111. 功能性设计界面 112. 情感性设计界面

8、 113. 环境性设计界面 112.1.3 界面设计的发展 121. 命令语言 122. 菜单和图形用户界面的广泛应用 133. 面向窗口的点选界面 134. 多媒体用户界面及多通道用户界面的发展 135. 虚拟现实技术的应用 132.2界面对用户心理的影响 132.3 视觉习惯 142.4 网页游戏概述 142.4.1 网页游戏的概念 142.4.2 网页游戏的特性 151网页游戏的技术特性 152网页游戏的游戏特性 163网页游戏的用户和市场特征 174网页游戏的不足 172.4.3 网页游戏的发展 183网页游戏中界面设计的方法和流程研究 203.1 网页游戏界面设计方法的研究 203.

9、1.1 可用性目标 203.1.2 用户体验目标 211. 切实关注用户需要的设计 212. 适合不同“级别”用户的设计 213. 关注用户“有限注意力”的设计 213.2 以用户为中心的网页游戏设计方法 221. 以用户为中心的设计 222. 用户参与设计 223.3 网页游戏界面设计的主要流程 221. 调查用户要求或环境 232. 用户调查分析 233. 游戏任务分析设计 234. 建立交互界面模型 245. 界面的图形设计 246. 交互的测试和评估 254总结 26参考文献 27致谢 281绪 论1.1 论文的选题背景及意义1.1.1 背景知识1. 无端网游休闲娱乐已经成为我们这个时

10、代生活很重要的一部分，游戏(Game)是一种参与、交互式的娱乐形式。这一概念是相对于被动式的娱乐形式而言的，看电视、读书、看电影都是被动式的娱乐方式，在这些方式中，娱乐是展现式的，大众只能被动参与。游戏则要复杂很多，当人们玩游戏时，因积极参与而获得快乐。随着计算机以及图形图像技术的发展，出现了电子游戏。电子游戏指以电子 元器件组装成的设备为运行平台的游戏。这与传统的游戏方式是不同的，传统的 游戏需要现实中的游戏道具，如：象棋、扑克牌等。而电子游戏则是通过控制电 子游戏设备与电子游戏进行交互的游戏方式。在互联网时代，电子游戏已经发展成为网络游戏。玩网络游戏也已经成为当 今人们休闲娱乐最为流行的一

11、种方式。网络游戏拥有强大的人与人之间的交流平 台，用户在游戏中得到充足的虚拟现实体验，这是过去传统游戏不能比拟的。同 时，人的思想和行为等方面在玩游戏的过程中已经受到了游戏的影响1。网络游戏是利用 TCP/IP 协议，以 Internet 为依托，可以多人同时参与的游 戏项目。网络游戏按照联网方式分为：脱网单机游戏和网络游戏；而网络游戏按 照客户端模式则分为：需要安装相关内容客户端软件的传统网游和不需要客户端 的无端网游。无端网游的主要形式为 WebGame，即网页游戏。社会在进步，技术在发展，而互联网和 Flash 技术的深层次发展让“传统客 户端网游”运行在浏览器中的美好愿望已经成为现实。

12、无论从游戏的功能性、系 统的完善性和画面的视觉冲击力等方面，全新的无端网游都已达到传统2D网游精品的水准，甚至在某些方面有所超越，比如在游戏的便捷性和优秀的环境适应能力等方面。未来的计算机软硬件技术的发展，不仅个人电脑，使得手机，电视，PDA 等都可以作为客户终端，由于互联网无处不在，拥有海量信息存储空间的服务器端超级强大，本地客户端甚至不需要硬盘来存储信息。微软认为未来的时代，连软件使用都希望完全通过网络来实现，而不需要在去买什么光盘回家安装什么软件。无端网游终将取代传统游戏，成为未来游戏的主流和发展方向。2. 游戏界面设计在人和机器的互动过程(Human-Machine Interacti

13、on)中有一个层面，即我们所说的用户界面(User Interface)。它是计算机科学与认知心理学、设计艺术、人机工程学、人因学(Human Factors)、社会学、语言学等交叉研究领域。人机界面是人与机器之间传递和交换信息的媒介。从心理学意义来分，界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。界面的功能可分为实用功能和审美功能。实用功能完成界面沟通人和机器的使命；审美功能在满足用户审美要求的同时并辅助实用功能。用户界面设计(User Interface Design)是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、符号学等都扮演着重要的角色。

14、游戏界面指游戏软件的用户界面，包括游戏画面中的按钮、动画、文字、声 音、窗口等与游戏用户直接或间接接触的游戏设计元素。游戏界面设计(Game Interface Design 简称 GID)，是指对电子游戏中与游戏用户具有交互功能的视觉元素进行规划、设计的活动。1.1.2 论题研究目的与现实意义历史总在不断重演并且惊人的相似，正如网络游戏取代传统单机游戏一样，眼下，动态无端网游取代客户端网游的趋势开始愈发明显。网页游戏正是属于网络游戏范畴，它是指无需下载和安装客户端程序、基于 ASP、PHP、Java 和 ActiveX 等 WEB 编程技术和 Flash 技术，运行于 WEB 浏览器 的网络

15、在线游戏。是伴随着互联网技术的成熟高速发展起来的新种类游戏。1. 目的 今年网页游戏突然之间变得很热门，盛大、腾讯、17173、新浪等大公司都很积极的关注，甚至连百度也掺和了进来。WebGame 究竟针对什么用户？它究竟要发展向何方？有对这个问题的研讨。大家的意见主要还是说WebGame主要针对上班一族，也就是当作小菜来吃。很多人都认为WebGame是不可能成为主流。但是我认为，WebGame最终将取代现存的网络游戏，而不是一种配菜。从受众群体容量来说，网页游戏有天然优势。能通过浏览器上网的人都是网页游戏的潜在受众。根据最新的调查显示：预计到今年年底全球互联网用户数量将会超过 10亿，而中国网

16、民数量已经达到2.2亿，超过美国成为世界第一，网民上网最主要目的是为了娱乐。网页游戏，使用浏览器把游戏体验的途径简化到了极致：能上网的人，都可以“无需下载任何东西，无成本、无等待”地玩网页游戏，只要输入URL 就可。这种简化是革命性的，与PC网游成鲜明对比。PC网游需要下载300M以上（有的甚至超过 1G）的客户端，无法与网页游戏的便利性相比。从科技发展角度来说，未来的计算机软硬件技术的发展，不仅个人电脑，使得手机、电视、PDA等都可以作为客户终端，由于互联网无处不在，拥有海量信息存储空间的服务器端超级强大，本地客户端甚至不需要硬盘来存储信息。微软都认为未来的时代，连软件使用都希望完全通过网络

17、来实现，而不需要在去买什么光盘回家安装什么软件。WebGame最终取代现存的网络游戏，也是大势所趋。而且现在已经有一些开发者在从事这个方面的研究。我们也看到大型网络游戏的网页化，网页游戏随着科学技术的提升，IE7等浏览器技术的成熟和普及，WebGame2.0 的时代即将到来，也将会为网络游戏产业带入了一个新的时代。2008年10月欧洲Maid Marian Entertainment Inc.推出的Sherwood Dungeon（舍伍德地牢）3D高品质网页游戏已经相当的出色，从很多方面可以和一些3D网络游戏相媲美。从图1-1、1-2可以看出，它的画面已经完全可以媲美当今的网络游戏。图 1-1

18、 舍伍德地牢的界面截图Fig.1-1 Interface screenshot of Sherwood Dungeon图 1-2 舍伍德地牢的界面截图Fig.1-2 Interface screenshot of Sherwood Dungeon2009年6月万众瞩目的3D动作新游Robo Rescue在充满创新元素的在线游戏平台Kalydo火爆上线。耗时一年开发，全新曝光的Robo Rescue Episode 1为3D网页游戏设立了新标准，这款游戏充满了惊险刺激的快速动作，又不乏幽默。其完全的适配和兼容性保证将一切视觉冲击原汁原味的移植到老款PC机和笔记本电脑中。从图1-3、1-4可以看出

19、，曲折的道路和流畅的动作已经做得非常完美。图1-3 Robo Rescue的界面截图Fig.1-3 Interface screenshot of Robo Rescue图1-4 Robo Rescue的界面截图Fig.1-4 Interface screenshot of Robo Rescue国内最新的“闪游”小小忍者，还在测试阶段，但是从图 1-5、1-6、1-7中可以看出它的界面已经完全可以媲美传统网络游戏。而在游戏系统方面也做到了玩家之所需，任务，战斗，宠物，聊天，装备打造，非常全面系统。小小忍者是一款国内首创“一角色，多职业”的以动漫为主题的网页游戏，颠覆了传统网页游戏“一个角色只

20、能玩一个职业”的单一玩法。在游戏的过程中，玩家能获得上百种不同的动漫人物形象以及他专属的职业与隐藏技能，并且能随时变换你的角色，感受这些动漫角色带来的不同职业与技能的乐趣。在游戏画面上，小小忍者突破了以往网页游戏简单图片加文字描述的游戏方式，以更直观的画面表现来丰富游戏过程。图1-5 小小忍者的界面截图Fig.1-5 Interface screenshot of 小小忍者图1-6 小小忍者的界面截图Fig.1-6 Interface screenshot of 小小忍者图1-7 小小忍者的界面截图Fig.1-7 Interface screenshot of 小小忍者2. 研究的意义从网页游

21、戏整个行业发展来说，虽然目前网页游戏产业带来的利润越来越丰厚，但仍然有很多新的网页游戏在抄袭已有经典游戏模式的现象存在，很多国产游戏只注重商业效应，对于游戏性和游戏的人机设计的探索却还是原地踏步，甚至可以说是毫无创新!游戏质量的良莠不齐，有的甚至违背了最基本的人机交互设计原则，只想凭借华丽的游戏画面和简单的游戏博弈以及低廉的费用来吸引玩家一时的好奇心。国内网页游戏虽然是如火如荼地进行着，但整个行业缺乏系统的理论作为指导，导致很多失败的游戏案例。业界最近把浏览器作为一个虚拟的操作系统来看，这使得网页游戏的前景更加美好。从用户角度来说，用户愈为迫切地需要符合“简单、自然、友好、一致”原则的人机界面

22、。游戏的使用者也从计算机专家迅速扩大到了广大未受过专门训练的普通用户。计算机用户发生了改变，非计算机专业的普通用户成了用户的主体，这一重大转变使游戏的可用性问题变得日益突出起来。游戏人机界面的重要性在于它极大的影响了最终用户的使用，影响了游戏的推广应用。著名的游戏开发者Bill Volk 曾经对游戏设计写下了一个等式“界面+产品要素=游戏。很明显，Bill Volk 的意图并不是说设计一款游戏就是简单的加法，而是强调在游戏设计中界面的重要性。他认为“你的游戏就是你的界面”。游戏界面是人和游戏机之间沟通的桥梁，它起到连接玩家和游戏内核的作用。玩家在玩游戏时，所见、所感、所接触的是游戏界面，而不是

23、游戏内核，只有通过游戏界面，玩家才能够体会到游戏的内核带来的游戏乐趣，因此对游戏本身来说，界面在很大程度上影响着游戏的可玩性(Playable)。游戏Age of Empires 的设计者们曾提出“前十五分钟法则”，即对一款游戏来说，如果入门玩家不能在前十五分钟顺利地弄明白基本操作规则和策略，或者铁杆玩家不能在前十五分钟感受到兴趣和挑战的话，他们将永远离开这个游戏，不再做进一步尝试。因为人们玩游戏的目的是娱乐，在工作之后能够放松、娱乐一下，所以我们不能要求用户像学习其它应用软件那样花一天甚至一个星期时间去弄清到底怎么玩这个游戏。虽然目前有少数国外的资深游戏设计师在其著作中谈到网页游戏界面设计，

24、但也只是简单的概略性的介绍，对整个网页游戏界面设计方法缺乏系统、全面、具体的介绍和分析。游戏界面是游戏的外在表现，是游戏中与游戏用户直接相互影响的部分，在整个游戏设计中占据很重要的地位。游戏界面设计从游戏文化背景确定到界面构想产生、可行性分析到提出方案、方案分析、筛选、修正和评估必须是有理、有序、系统化的一个完整过程系统，应该有相应的系统理论来指导。1.2 本文的主要工作及结构本论文是在致力于以用户为中心的人机交互界面的设计与评估技术的研究工作的基础上撰写而成，论文主要根据网页游戏的特点，提出一些用以规范游戏界面设计的原则，并遵循该原则提出了游戏用户参与的迭代式界面设计方法和流程，并对该方法和

25、流程进行了应用验证。论文的主要工作如下：:分别对人机界面设计的原理和用户的认知心理和视觉习惯三个方面来研究网页游戏界面设计；:分析当前网页游戏的概念、特点、分类、目标用户从而来分析网页游戏界面并进行相关研究；:得出网页游戏界面设计的原则、实现方法、流程和评价4个方面的基本理论并进行相关应用验证。本文旨在通过根据得出的理论来优化和改善网页游戏中的界面设计，使网页游戏能够更加受到用户的喜爱，为未来的网页游戏界面设计提供有理、有序、系统化的理论指导，促进网页游戏的进一步发展。本章主要介绍了网页游戏和用户界面设计的基本概念和发展，阐述了论文研究的背景、意义，论文的目的及论文结构。2 界面设计理论基础2

26、.1 人机界面设计理论在人和机器的互动过程（Human-Machine Interaction）中，有一个层面，即我们所说的界面（interface）。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性2。界面的说法以往常见的是在人机工程学中。“人机界面”是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。而设计艺术是研究人一物关系的学科

27、，对象物所代表的不是简单的机器与设备，而是有广度与深度的物；这里的人也不是“生物人”，不能单纯地以人的生理特征进行分析。人的尺度，既应有作为自然人的尺度，还应有作为社会人的尺度；既研究生理、心理、环境等对人的影响和效能，也研究人的文化、审美、价值观念等方面的要求和变化。2.1.1 人机界面的概念介于人与计算机之间，人与机器的通信，人机界面(HCI)：软件+硬件所谓界面，即人机界面(Human-Machine Interface)，是人与机器进行交互的操作方式，即用户与机器互相传递信息的媒介，其中包括信息的输入和输出。好的人机界面美观易懂、操作简单且具有引导功能，使用户感觉愉快、兴趣增强，从而提

28、高使用效率。界面可以分为硬界面和软界面，也可以分为广义的和狭义的人机界面3广义界面广义的人机界面，指人与机之间存在一个相互作用的媒介，人通过视觉和听觉等感官接受来自机器的信息，经过脑的加工、决策，然后做出反应，实现人机的信息传递。我们可以把人机界面看作一个有着交互的系统，在分析人机界面系统模型时，建立并分析人的行为模型，从而建立并设计人机界面系统。可见研究人机界面就是研究机器怎样适应人的有效工作的问题。狭义界面狭义的人机界面指计算机系统中的人机界面，即所谓的软界面。人机界面(Human-Computer Interface) ， 又称人机接口、用户界面(User Interface)、人机交互

29、(Human-Computer Interaction)，软界面是人和计算机之间的信息交流界面，人机界面的设计直接关系到人机关系的和谐和人在工作中的主体地位，以及整个计算机系统的可使用性和效率4。本文主要研究的是人机软件界面。2.1.2 界面设计的分类美国学者赫伯特.A .西蒙提出：设计是人工物的内部环境(人工物自身的物质和组织)和外部环境(人工物的工作或使用环境)的接合，所以设计是把握人工物内部环境与外部环境接合的学科，这种接合是围绕人来进行的。“人”是设计界面的一个方面，是认识的主体和设计服务的对象，而作为对象的“物”则是设计界面的另一个方面。它是包含着对象实体、环境及信息的综合体，就如我

30、们看见一件产品、一栋建筑，它带给人的不仅有使用的功能、材料的质地，也包含着对传统思考、文化理喻、科学观念等的认知。为了便于认识和分析设计界面，可将设计界面分类为：功能性设计界面、情感性设计界面和环境性设计界面。1. 功能性设计界面即接受物的功能信息、操纵与控制物。这一界面反映着设计“人”造物的协调作用。2. 情感性设计界面即物要传递感受给人，取得与人的感情共鸣。这种感受的信息传达存在着确定性与不确定性的统一。情感把握在于深入目标对象的使用者的感情，而不是个人的情感抒发。设计师“投入热情，不投入感情”，避免个人的任何主观臆断与个性的自由发挥。这一界面反映着设计与人的关系。3. 环境性设计界面界面

31、设计要考虑外部环境因素对人的信息传递,任何一件或一个产品或平面视觉传达作品或室内外环境作品都不能脱离环境而存在，环境的物理条件与精神氛围是不可忽缺的界面因素。尼葛洛庞帝指出：“一般个人电脑的界面，也被当成是物理设计的问题。但是界面不仅和电脑的外表或给人的感觉有关，它还关系到个性的创造、智能化的设计，以及如何使机器能够识别人类的表达方式”5。挑战将远远不止是为人们提供更大的屏幕，更好的音质和更易使用的图形输入装置；这一挑战将是，让电脑认识你、你的需求、了解你的言词、表情和肢体语言。但这并不是因为它能找出声音信号上的微小差别，而是因为它懂得你的意思。这才是好的界面设计。图2-1 ：人机界面关系模型

32、Fig.2-1 Model of HMI应该说，设计界面是以功能性界面为基础，以环境性界面为前提，以情感性界面为重心而构成的，它们之间形成有机和系统的联系，如图2-1 所示。2.1.3 界面设计的发展这里所指的人机界面设计，是指计算机系统的用户界面上控制输入的设计方法，大致经过了五代的演变：1. 命令语言在图形显示、鼠标、高速工作站等技术出现之前，现实可行的界面方式只能是命令和询问方式，通信完全以正文形式并通过用户命令和用户对系统询问的响应来完成。这种方式使用灵活，便于用户发挥其创造性，对熟练的用户有很高的工作效率，但对一般用户来说要求高，易出错，不友善并难于学习，它的错误处理能力也较弱。2.

33、 菜单和图形用户界面的广泛应用图形用户界面和人机交互过程极大地依赖视觉和手动控制的参与，因此具有强烈的直接操作特点。这种方式与命令行方式相比不易出错，可以大大缩短用户的培训时间，减少用户的击键次数，可以使用对话管理工具，错误处理能力有了显著提高。但使用起来仍然乏味，可能出现菜单层次过多及菜单选项复杂的情形，必须逐级进行选择，不能一步到位，导致交互速度缓慢。3. 面向窗口的点选界面此类界面亦称WIMP 界面，即窗口(Windows)、图标(Icons)、菜单(Menus)、指示器(Pointing Device)四位一体，形成桌面(Desktop)。这种方式能同时显示不同种类的信息，使用户可在几

34、个工作环境中切换而不丢失几个工作之间的联系，用户可通过下拉式菜单方便执行控制型和对话型任务，引入图标、按钮和滚动杆技术，大大减少键盘输入，对不精于打字的用户无疑提高了交互效率。4. 多媒体用户界面及多通道用户界面的发展自然语言与应用软件进行通信，把第三代界面技术与超文本、多任务概念结合起来，使用户可同时执行多个任务(以用户的观点)。随着文字、图形、语音的识别与输术技术的进一步发展，多媒体技术在人机界面开发领域内的进一步发展，自然语言风格的人机界面将得以迅速的发展，最终走向实用化。5. 虚拟现实技术的应用虚拟现实系统向用户提供身临其境(immerse)和多感觉通道(multi-sensory)体

35、验，作为一种新型人机交互形式，虚拟现实技术比以前任何人机交互形式都有希望彻底实现和谐的、以人为中心的人机界面。2.2界面对用户心理的影响富有表现力的界面就是使用富有表情的图标或其它图形元素来表达情感状态。例如，很多软件在表示它的运行状态时都会有一个很明显的情感图形特征，即如果是正常运行的话会出现一个笑脸，如果是运行错误的话则会出现一个哭脸。笑脸传递了友好善意的信息，在与用户的第一次见面的时候就把这种友好的情感传递给了用户，能够让用户感觉自在并回报以微笑，另外，笑脸形式的图标也能让用户感到放心，传达了一个一切正常的良好的信息。而哭脸则表达了相反的信息，表示失败、消极的含义。2.3 视觉习惯视觉是

36、人类获取信息的主要通道，视觉传达的信息占所处理信息总量的80%以上，但对信息的加工人类视觉有其自然的习惯，先看什么，后看什么，体现了视觉流动的规律，形成了画面阅读的视觉流程。一般人们的视觉流程为：从上到下、从左到右、从动态到静态、由明到暗、由粗线条到细线条，突然运动或者改变运动状态的物体比静止的物体更能引起人们的关注，箭头、下划线等也能引导观察者的视线，这些习惯的形成与人类的视觉生理特性、思维发展的逻辑顺序和思维习惯有关。心理学研究表明，人类对视觉范围内的物体井不是予以同等重视的，而是从中筛选一些对象。影响选择的因素有色彩、位置、经验等，不同的波长的色彩对人的视觉刺激强度不同，波长越长刺激越大

37、，暖色大于冷色，原色大于补色，红色最强。通常，上半部让人感到轻松和自在，下半部则让人感到稳定和压抑，左半部给人的感觉是轻松和自在，右半部则会给人稳定和压抑的感觉。视觉影响力上方强于下方，左侧强于右侧，所以上部和中上部被称为“最佳视域”，也就是最优选的区域。62.4 网页游戏概述2.4.1 网页游戏的概念所谓WebGame 翻译成中文就是“网页游戏”，是指无需下载和安装客户端程序、基于ASP、PHP、Java 和ActiveX 等WEB 编程技术和Flash 技术，运行于WEB浏览器的网络在线游戏。是伴随着互联网技术的成熟高速发展起来的新种类游戏。随着internet 的深入发展和WEB 编程技

38、术的跟新换代发展，网页游戏获得了长足的发展。WEBGAME 异军突起，大有取代传统游之势。网页游戏作为一种特殊的游戏类型，WEBGAME 由来已久，对广大早期的网游玩家而言并不陌生。早在网络游戏盛行之前的Mud 时代就已经存在，并凭借其方便性和简易性吸引了一大批早期的网页用户。以第九城市笑傲江湖等为代表的早期作品多是基于BBS 社区和聊天室为基础扩展而来，其可玩性虽然不高，内容也不够丰富，但是交流性和交互性极强，已经初步具备了网游的基本特征。而随后的king wars和战神等策略型WEBGAME 则已经完全脱离了交流社区的范畴，而正式发展成为独立的游戏类型，并开始逐步提高其游戏性和可玩性，在内

39、容设计和系统数值上也有了进一步地深入和完善。2.4.2 网页游戏的特性网页游戏顾名思义，即有网页的特性又属于游戏的范畴。他的目的是为了娱乐，所用的手段和运行平台确是网页浏览器。网页游戏的发展离不开互联网技术和浏览器技术的发展。技术的发展为网页游戏提供了丰富的表现手段。1网页游戏的技术特性网页游戏依赖于网络技术的发展，最早的网页游戏其实就是一些用HTML 写的简单网页，界面简陋，交互手段贫乏，玩家与游戏的每次交互都会引起浏览器刷屏一次。用户体验与PC 单机游戏相比，判若云泥，天差地远。界面与交互手段的限制，使网页游戏在游戏玩法设计上也无法施展，因此网页游戏一直难以登堂入室，不被玩家认可。近两年来，技术的发展为网页游戏提供了丰富的表现手段。最近几年兴起的丰富互联网应用(Rich Internet Application，简称RIA)技术，能在浏览器这个应用最广的平台上做出美不胜收的显示和交互效果来。拿目前最流行的网页游戏猫游记作为例子：它的界面和动态交互过程，已经让人