游戏界面设计艺术性的思考

游戏作为一种新生事物,以其独特的魅力征服了越来越多的发烧友,成为许多人所钟爱的一种新兴娱乐和休闲方式。

一、游戏界面的概念及功能

界面是指两者间的接点、通路,它的主要功能是要实现与用户的交互,即接受用户的命令同时告知用户的身份和状态,实现信息的传递。伴随着人机交互技术的发展,用户界面经历了命令界面、图形界面、多媒体界面等主要发展阶段,目前正朝着虚拟现实技术和多通道用户界面的方向发展。游戏界面是用户界面的一种表现形式,为广大游戏玩家提供一个有效的交流互动的平台。玩家通过游戏界面来加入游戏,获得游戏的娱乐体验,实现对游戏角色的操控性,游戏界面则及时反馈玩家在游戏中的身份和状态。

二、游戏界面的艺术设计原则

游戏界面设计应站在用户的角度,以便利性,美观性为主,加上一贯性、创新性、反馈性、详细性、便捷性、恢复性、易控性,既能给用户带来使用的便捷,又兼备视觉冲击力。

1、便捷性

在一些要显示大量数据的模拟类游戏或有大量图标的MMO游戏,经常会有菜单层层叠叠每层菜单之间又没有明显的区分标记,看到后来如坠云里雾里。比如有的玩家会抱怨在游戏中不能分辨的出30跟60;还比如游戏特效加的太多了,如灯光特效、涟漪特效、镜面特效等等,从而影响了游戏的连贯性,界面烦琐、操作复杂的问题直接影响到一款游戏的成败。

2、美观性

美观来自于色彩装饰布局。不同的色彩带给人的心理效果各不相同,朱红、朱黄、黄色给人温暖的感觉,绿色、蓝色给人清爽凉快感觉,就不仅是温度感,颜色也能带来重量感。举个常见的例子来说,设计一款面向女性用户的游戏界面,多会采用粉色、橙黄、草绿、浅蓝等明快的颜色。而设计一款男性倾向的机甲游戏则采用黑灰金属色等等厚重感的颜色。装饰图案一样是构成美观密不可分的部分,很多时候,哪怕是一张小图片,只要摆放正确,用色得当,能够体现主题,就可以为原来很简单的画面增光添彩,图案、照片、线条都可以用来装饰。在布局时,基本上应该考虑醒目、可读、明快、造型、创造性等要素。

3、连贯性

在界面设计时,事先考虑好一贯性会对提高使用的便捷性有很大的帮助,例如所有代表确定功能的按键都用同样的样式来表示,代表取消功能的按键有全部采用另一种样式来表示,所有的主菜单都位于相同的位置,所有的子菜单的排列都遵循同一规律,所有表示生命的血槽用同样的颜色来表示等等。作为游戏设计师来说,必须要考虑到玩家的操作习惯以及界面的统一风格性问题。

4、反馈性

简而言之,,对于用户所进行的每一次行动,在界面上应适当及时的给出反馈,在玩游戏的时候,玩家都希望自己进行的操作能及时地在游戏中即时反映出来,特别是在开发动作游戏中尤为重要,玩家绝不希望输入某个必杀技指令后要等上几秒钟所控制的角色才会做出相应的动作。

5、详细性

界面应提供充分详细的任务说明,引导玩家充分理解和执行任务。在每个子任务的开始、中间、结尾都应有详细的说明,使玩家可以及时知晓目前的任务的完成情况,在任务结束后应有明显的标示或说明。

6、捷径性

迎合用户需要,设定快捷键、缩写词、隐藏命令等,使玩家可以更便捷地操作游戏。例如在很多模拟战略类游戏中,对多重部队的选择不必一个接一个地选择,而是可以在画面上拖拉出一个包含所想选择部队的范围框,这样只要进行一步操作就可以选择复数的部队。

7、恢复性

人非圣贤孰能无过,正常游戏中因考虑不周或操作失误犯一些小错误在所难免,但是用户不应当仅仅因为输入或点击错误的东西而犯下严重后果,应当允许并引导用户从较小的错误中恢复过来。比如在玩网游《跑跑卡丁车》时,玩家经常会遇到转弯转过了头的或是一头栽倒墙根出不来的情况,这个时候系统会帮你复原到跑道上,这种恢复性在游戏中很关键。

8、易控性

据研究表明,人类的眼睛不能看到视野中所有的东西,在视野范围中央,人类可以看到最大限度的细节,这个视野范围中央被最大限度地促进接受信息。但人类的外围视点与该中心不同,人类的外围视点对外界事物的动作和转变更加敏感。

三、游戏界面设计的美学原理

在长时间的研究过程中,人们总结出了适合界面结构的美学原理,分别为:渐变、对称、对比、比例、平衡、调和。

1、渐变

顾名思义,就是按照一定的秩序和规律逐渐改变。元素的渐变,都有其开始或终结。例如:一个正方形向一个正圆形渐变,我们可以看到正方形的边不断增加,每条边的夹角也不断增大,逐步地变成一个正圆形。在渐变当中,我们可以享受到节奏感。对其灵活应用可拓深界面的层次、获得舒适的观感。

2、对称

最基本的美学原理,符合我们最为朴素也最为古典的审美规范,最能使观看者的心理得到慰藉,感到舒适与安全,对称是视觉上以一个点或一条线为基准,上下左右看起来相等的形态。

3、对比

所谓对比的要素按一定规律配置在一起,相互比较而形成的两种对抗的紧张状态,称为对比。构成相对的要素非常多,色彩、形状、面积、质感、方向均可以用来对比。对比现象的强弱来自于要素的配置关系,不同的要素结合在一起,彼此刺激会产生对比,使得强者更强,弱者更弱,亮者更亮,暗者更暗,这样就可以增强突出个别要素的特性。比如将白色的字幕叠加在黑色的背景上,就会觉得比叠加在灰色背景上更醒目。

4、比例

古希腊人把黄金比例认为是最完美的比例,它的方法是把一条线分割成长度不等的两段,短的那条线段与线段总长之比,起数值通常是0、618.这种比例分割法就称为黄金比例。适当的比例能与其他造型要素产生相同的功能,表现出极佳的意向。

5、平衡

在游戏中应当是属于视觉上的平衡。对“平衡”来说,有对称和不对称平衡之分,着眼在于如何求得视觉上的平衡和安定。在视觉上的平衡往往是不被轻易察觉的,如果要举例的话,那么互补色的应用可以带来视觉和心理的愉悦,增加美感,可以较典型的说明这个问题。

6、调和

两种构成要素相近,则对比度较小,可能产生共同秩序使两者达到调和的状态,比如黑与白是一种强烈对比的颜色,那么存在两者之间的灰色便是两者的调和。调和的作用在于,在过分强调对比关系或空间预留太多及造型元素过多时,容易使画面混乱。这种情况下加上一些在现有元素间可以沟通的元素会使画面具有整体统一与调和的感觉。 游戏界面设计不是一件简单轻松的事。设计者不仅要考虑界面的实用性,美观性也不容忽视,并将不断发挥起更重要的作用。

参考文献:

[1]孙力军《游戏美术设计》海洋出版社2007.03

[2] 「美」卢道夫.阿恩海姆《艺术与视知觉》  中国社会科学出版社 2003.03

[3] 「美」Andrew Rollings《游戏设计技术》   中国环境科学出版社2003.06

转自:http://www.01sheji.com/ui

游戏界面设计艺术性的思考相关推荐

  1. 数据库70多张表设计的一些思考…

    数据库70多张表设计的一些思考- 昨天在一次研讨会上,一同志说他为甘肃某高校做了一个建筑部门的管理网站用了足足70多张表,我一听一惊,随口来句,这哥们扯吧! 我认为学校的单个部门业务不论多么复杂,这么 ...

  2. 计算机在旅游方面的应用,浅谈旅游专业在《计算机应用基础》设计中的思考

    <浅谈旅游专业在<计算机应用基础>设计中的思考>由会员分享,可在线阅读,更多相关<浅谈旅游专业在<计算机应用基础>设计中的思考(6页珍藏版)>请在人人文 ...

  3. 【开源共享】全网最简单易用的imx6ull烧写工具设计初衷工作原理设计前的思考

    在线课堂:https://www.100ask.net/index(课程观看) 论  坛:http://bbs.100ask.net/(学术答疑) 开 发 板:https://100ask.taoba ...

  4. 个人——网页设计之设计步骤及思考

    网页设计之设计步骤及思考 1.在定位的基础上,搞明白自己要做什么. 这句其实不用解释了.你要明白的是我要做的站大概有什么样的效果,并有例子在脑海里浮现.要做的这个站属于什么样的行业,这个行业的站都有什 ...

  5. 我对支付平台架构设计的一些思考

    我在前一家公司的第一个任务是开发统一支付平台,由于公司的业务需求,需要接入多个第三方支付,之前公司的支付都是散落在各个项目中,及其不利于支付的管理,于是聚合三方支付,统一支付平台的任务就落在我手上,可 ...

  6. 微信小程序-贪吃蛇开发5 游戏界面设计,flex布局

    本系列是作者自学实践过程的记录 本文是贪吃蛇游戏界面的设计 有问题欢迎讨论 游戏界面设计 一.需求分析 二.得分界面详细设计 2.1 wxml标签类定义 2.2 wxss样式设计 三.游戏地图详细设计 ...

  7. 【游戏UI理论知识】游戏界面设计,一定要掌握的8大风格!

    游戏界面是游戏产品的重要组成部分,也被称为游戏图形用户界面.游戏界面是人和游戏软件之间交换信息的媒介,是一种图形化的信息表现形式. 在不同硬件平台上的游戏界面被划分为不同的设计类型.例如,移动设备.家 ...

  8. TV App的设计借鉴游戏界面设计技巧

    游戏在现在不仅深受青少年的喜欢并且在年龄里阶层已经有了非常明显的扩大趋势,所以今天就来对游戏界面设计技巧以及ui框架设计相关的知识进行一定的了解.游戏主界面有2种形式,全屏的和窗口的,全屏的独占式游戏 ...

  9. 十问 TiDB :关于架构设计的一些思考

    "我希望能够把 TiDB 的设计的一些理念能够更好的传达给大家,相信大家理解了背后原因后,就能够把 TiDB 用的更好." 做 TiDB 的缘起是从思考一个问题开始的:为什么在数据 ...

最新文章

  1. 2002高教社杯---A车灯线光源的优化设计
  2. 独家 | 一文读懂Apache Flink技术
  3. T-SQL 游标名称的作用域
  4. python 画风场 scipy_Python数据分析及可视化实例之Scipy
  5. 面向中后台复杂场景的低代码实践思路
  6. php汽车之家数据api,基于聚合数据的全国违章直连查询接口示例-PHP版
  7. C语言课后习题(32)
  8. Spark 性能相关参数配置详解-shuffle篇
  9. Xcode8 + Swift3.0 创建一个app基础框架
  10. python计算两个时间间隔准确的天、月、年之差
  11. 移动安全-iOS(一)
  12. Windows7 USB/DVD Download Tool – U盘安装Win7工具
  13. 机翻测评 | 友商翻译 VS 火山翻译-中译英语向
  14. JAVA实现的吸血鬼数字算法,高效率版本(已有网友给出算法说明)
  15. 7步学会在Windows下上架iOS APP流程
  16. vue加载中展示【nprogress(进度条)Lottie(动画)】
  17. 大小写转换(大小写转换键是哪个键)
  18. 【ERROR】Unable to open underlying table which is differently defined or of non-MyISAM type or ...
  19. js爬山之作用域和自由变量~~狂徒李四
  20. python一入深似海-模块化编程-钢铁侠战甲(二)

热门文章

  1. 重磅!瑞泰信息发布中国企业数字化增长行业实践白皮书——《数字化平台造就企业增长新引擎》
  2. 新配置的https证书提示无效
  3. 项目经理修炼之道(1) -- 给软件开发建模 .
  4. 26个音序的正确写法和占格_26个音序表怎么读(拼音音序表的正确写法)
  5. 如何优雅的使用LiveData实现一套EventBus(事件总线)
  6. 互联网日报 | 5月31日 星期一 | 天猫618取消PK玩法;有赞独立新零售业务品牌;钉钉发布国内首个低代码应用广场“钉钉搭”...
  7. Java后端根据身份证号获取年龄
  8. git学习之时光穿梭机
  9. 微软的surface pro5充电指示灯亮,但充不进去电的原因
  10. mysql如果忘记密码怎么办