毕业设计论文PC游戏中图形用户界面(GUI)设计浅析网页游戏中的图形用户界面设计.doc
《毕业设计论文PC游戏中图形用户界面(GUI)设计浅析网页游戏中的图形用户界面设计.doc》由会员分享,可在线阅读,更多相关《毕业设计论文PC游戏中图形用户界面(GUI)设计浅析网页游戏中的图形用户界面设计.doc(37页珍藏版)》请在三一办公上搜索。
1、北京师范大学论文题目:PC游戏中的图形用户界面(GUI)设计姓 名 院 系 专 业 计算机科学与技术 年 级 学 号 指导老师 2010年11月28日北京师范大学继教学院PC游戏中的图形用户界面(GUI)设计0732133074PC游戏中的图形用户界面(GUI)设计浅析网页游戏中的图形用户界面设计摘要论文介绍了主流的网页游戏界面设计的特点,根据人机界面设计的原理,综合网页界面设计和游戏界面设计的各自特点浅谈网页游戏界面设计的原则、方法、流程,并应用于实际开发中来指导网页游戏的界面设计。论文主要阐述了人机界面设计的基本原理,包括界面设计原理,认知心理学和视觉习惯基础理论,具体分析以上要素在网页游
2、戏界面设计中的作用。根据人机界面设计基本原理,即符合用户需要的“简单、自然、友好、一致”界面设计基本原则的基础上,结合网页界面设计的原则和游戏界面设计原则三方面综合分析得出网页游戏界面设计的原则。根据先前得出的设计原则来 作为对网页游戏具体评价的依据来进行设计功能和设计效果评价。用论文所得出的原则和方法来对网页游戏界面进行指导和规范设计后,较原版本游戏用户更加认可,有更好的满意度。是的确符合以用户为中心的界面设计理论,是可以用来指导未来的网页游戏的界面设计。关键词:网页游戏,人机界面设计,游戏界面设计GRAPHICAL USER INTERFACE DESIGN OF THE PC GAMEA
3、NALYSIS ON GRAPHICAL USER INTERFACE DESIGN 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 pre
4、sents 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 an
5、d install any client software in their 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 sys
6、tem, 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 developme
7、nt and validate it is correct and scientific 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 人机界面的概念 10
8、2.1.2 界面设计的分类 111. 功能性设计界面 112. 情感性设计界面 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网页游
9、戏中界面设计的方法和流程研究 203.1 网页游戏界面设计方法的研究 203.1.1 可用性目标 203.1.2 用户体验目标 211. 切实关注用户需要的设计 212. 适合不同“级别”用户的设计 213. 关注用户“有限注意力”的设计 213.2 以用户为中心的网页游戏设计方法 221. 以用户为中心的设计 222. 用户参与设计 223.3 网页游戏界面设计的主要流程 221. 调查用户要求或环境 232. 用户调查分析 233. 游戏任务分析设计 234. 建立交互界面模型 245. 界面的图形设计 246. 交互的测试和评估 254总结 26参考文献 27致谢 28VIII正文1绪
10、论1.1 论文的选题背景及意义1.1.1 背景知识1. 无端网游休闲娱乐已经成为我们这个时代生活很重要的一部分,游戏(Game)是一种参与、交互式的娱乐形式。这一概念是相对于被动式的娱乐形式而言的,看电视、读书、看电影都是被动式的娱乐方式,在这些方式中,娱乐是展现式的,大众只能被动参与。游戏则要复杂很多,当人们玩游戏时,因积极参与而获得快乐。随着计算机以及图形图像技术的发展,出现了电子游戏。电子游戏指以电子 元器件组装成的设备为运行平台的游戏。这与传统的游戏方式是不同的,传统的 游戏需要现实中的游戏道具,如:象棋、扑克牌等。而电子游戏则是通过控制电 子游戏设备与电子游戏进行交互的游戏方式。在互
11、联网时代,电子游戏已经发展成为网络游戏。玩网络游戏也已经成为当 今人们休闲娱乐最为流行的一种方式。网络游戏拥有强大的人与人之间的交流平 台,用户在游戏中得到充足的虚拟现实体验,这是过去传统游戏不能比拟的。同 时,人的思想和行为等方面在玩游戏的过程中已经受到了游戏的影响1。网络游戏是利用 TCP/IP 协议,以 Internet 为依托,可以多人同时参与的游 戏项目。网络游戏按照联网方式分为:脱网单机游戏和网络游戏;而网络游戏按 照客户端模式则分为:需要安装相关内容客户端软件的传统网游和不需要客户端 的无端网游。无端网游的主要形式为 WebGame,即网页游戏。社会在进步,技术在发展,而互联网和
12、 Flash 技术的深层次发展让“传统客 户端网游”运行在浏览器中的美好愿望已经成为现实。无论从游戏的功能性、系 统的完善性和画面的视觉冲击力等方面,全新的无端网游都已达到传统2D网游精品的水准,甚至在某些方面有所超越,比如在游戏的便捷性和优秀的环境适应能力等方面。未来的计算机软硬件技术的发展,不仅个人电脑,使得手机,电视,PDA 等都可以作为客户终端,由于互联网无处不在,拥有海量信息存储空间的服务器端超级强大,本地客户端甚至不需要硬盘来存储信息。微软认为未来的时代,连软件使用都希望完全通过网络来实现,而不需要在去买什么光盘回家安装什么软件。无端网游终将取代传统游戏,成为未来游戏的主流和发展方
13、向。2. 游戏界面设计在人和机器的互动过程(Human-Machine Interaction)中有一个层面,即我们所说的用户界面(User Interface)。它是计算机科学与认知心理学、设计艺术、人机工程学、人因学(Human Factors)、社会学、语言学等交叉研究领域。人机界面是人与机器之间传递和交换信息的媒介。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。界面的功能可分为实用功能和审美功能。实用功能完成界面沟通人和机器的使命;审美功能在满足用户审美要求的同时并辅助实用功能。用户界面设计(User Interface Design)是屏幕产品的重要组成部分。
14、界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、符号学等都扮演着重要的角色。游戏界面指游戏软件的用户界面,包括游戏画面中的按钮、动画、文字、声 音、窗口等与游戏用户直接或间接接触的游戏设计元素。游戏界面设计(Game Interface Design 简称 GID),是指对电子游戏中与游戏用户具有交互功能的视觉元素进行规划、设计的活动。1.1.2 论题研究目的与现实意义历史总在不断重演并且惊人的相似,正如网络游戏取代传统单机游戏一样,眼下,动态无端网游取代客户端网游的趋势开始愈发明显。网页游戏正是属于网络游戏范畴,它是指无需下载和安装客户端程序、基于 ASP、PHP、Java 和
15、 ActiveX 等 WEB 编程技术和 Flash 技术,运行于 WEB 浏览器 的网络在线游戏。是伴随着互联网技术的成熟高速发展起来的新种类游戏。1. 目的 今年网页游戏突然之间变得很热门,盛大、腾讯、17173、新浪等大公司都很积极的关注,甚至连百度也掺和了进来。WebGame 究竟针对什么用户?它究竟要发展向何方?有对这个问题的研讨。大家的意见主要还是说WebGame主要针对上班一族,也就是当作小菜来吃。很多人都认为WebGame是不可能成为主流。但是我认为,WebGame最终将取代现存的网络游戏,而不是一种配菜。从受众群体容量来说,网页游戏有天然优势。能通过浏览器上网的人都是网页游戏
16、的潜在受众。根据最新的调查显示:预计到今年年底全球互联网用户数量将会超过 10亿,而中国网民数量已经达到2.2亿,超过美国成为世界第一,网民上网最主要目的是为了娱乐。网页游戏,使用浏览器把游戏体验的途径简化到了极致:能上网的人,都可以“无需下载任何东西,无成本、无等待”地玩网页游戏,只要输入URL 就可。这种简化是革命性的,与PC网游成鲜明对比。PC网游需要下载300M以上(有的甚至超过 1G)的客户端,无法与网页游戏的便利性相比。从科技发展角度来说,未来的计算机软硬件技术的发展,不仅个人电脑,使得手机、电视、PDA等都可以作为客户终端,由于互联网无处不在,拥有海量信息存储空间的服务器端超级强
17、大,本地客户端甚至不需要硬盘来存储信息。微软都认为未来的时代,连软件使用都希望完全通过网络来实现,而不需要在去买什么光盘回家安装什么软件。WebGame最终取代现存的网络游戏,也是大势所趋。而且现在已经有一些开发者在从事这个方面的研究。我们也看到大型网络游戏的网页化,网页游戏随着科学技术的提升,IE7等浏览器技术的成熟和普及,WebGame2.0 的时代即将到来,也将会为网络游戏产业带入了一个新的时代。2008年10月欧洲Maid Marian Entertainment Inc.推出的Sherwood Dungeon(舍伍德地牢)3D高品质网页游戏已经相当的出色,从很多方面可以和一些3D网络
18、游戏相媲美。从图1-1、1-2可以看出,它的画面已经完全可以媲美当今的网络游戏。图 1-1 舍伍德地牢的界面截图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网页游戏设立了新标准,这款游戏充满了惊险刺激的快速动作,又不乏幽默。其完全的适配和兼
19、容性保证将一切视觉冲击原汁原味的移植到老款PC机和笔记本电脑中。从图1-3、1-4可以看出,曲折的道路和流畅的动作已经做得非常完美。图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中可以看出它的界面已经完全可以媲美传统网络游戏。而在游戏系统方面也做到了玩家之所需,任务,战斗,宠物,聊天,装备打造,非常全面系统。小小忍
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 毕业设计 论文 PC 游戏 图形 用户界面 GUI 设计 浅析 网页 中的
![提示](https://www.31ppt.com/images/bang_tan.gif)
链接地址:https://www.31ppt.com/p-4859104.html