APP下载

基于数字媒体艺术的二维数字游戏制作方法优化研究*

2019-01-22段俐敏

九江学院学报(自然科学版) 2018年4期
关键词:界面设计界面数字

段俐敏 陶 然

(1安徽信息工程学院艺术设计学院 安徽芜湖 241000;2安徽财经大学艺术学院 安徽蚌埠 524000)

随着计算机技术发展和网络技术的进步,人们的生活的变得越来越丰富,其中数字游戏是当代社会独有的一种的游戏形式,给人们带来了无以轮比新鲜感。在游戏中人们的可以随意发泄自己的欲望,使得玩家的数量急剧增长。据统计,到2007年为止,中国数字游戏玩家数量就达到了将近4000万人,占总上网人数的30%左右[1]。可见人们对数字游戏的喜爱,尤其是未成年人,数字游戏以一种不可阻挡之势进入了未成年人的学习生活当中。社会各界为杜绝青少年过于沉迷数字游戏,做出了许多努力,但结果并不是很理想,要想把学生与数字游戏完全隔离是不可能的。因此,许多益智类数字游戏开始出现,尝试把数字游戏与学生的学习相结合[2]。虽然取得了一定的效果,但是在经过一段时间后,游戏对青少年学生的吸引力大大降低。调查发现,主要是这类游戏界面设计的过于枯燥,也无任何音效加持或音效失真,与游戏情景不符,使得整个游戏变得枯燥、无趣,长时间下来,自然就失去了魅力。针对上述问题,将数字媒体艺术加入到数字游戏的设计中,对界面和音效设计进行优化,改进游戏的制作。

首先对数字媒体艺术和二维数字游戏进行了简要介绍;针对二维游戏设计的目的选择了学习理论和游戏理论,指导游戏的制作;然后在理论的指导下,完成二维数字游戏的制作。在游戏的制作过程中,重点介绍了二维数字游戏的视觉界面设计和音效制作[3]。

为验证数字媒体艺术的优化效果,进行效果调查。结果表明:与旧版游戏相比,有79%的小学生更倾向选择经过基于数字媒体艺术优化后的新版二维数字游戏,究其原因是大多数人受到了游戏视觉界面和音效的吸引,由此可以证明数字媒体艺术在二维游戏制作中的作用。数字媒体艺术使得游戏玩家体验到了在视觉和听觉上双重的真实感受,更为重要的是能够可以实现人机互交,在游戏的过程中锻炼玩家的学习、合作等能力,这是一般游戏不可比拟的。

1 数字媒体艺术与二维数字游戏

数字媒体艺术是当代数字技术与传媒技术相结合的一种艺术形式,利用艺术将人枯燥的逻辑思维进行点缀,并能与其它艺术形式相互搭配,使得人的感官享受扩大化[4]。数字媒体艺术在数字影视、数字游戏、数字广告、数字存储、图形技术、虚拟现实等设计与制作过程中具有重要作用。

(1)数字动感。顾名思义就是使得游戏换面能够动起来,即能够让玩家随心所欲的切换画面,多样展示游戏的时间性和空间性[5]。随着画面的不断切换,让玩家能够看到各种意想不到的镜头。

(2)数字音效。声音多种多样,包括说话声、音乐、自然界声音、辅助音响等。一个好的声音,可以带玩家快速进入设置的游戏场景中。而数字媒体艺术可以以数字的形式对上述的这些声音进行处理,创造出适合各种游戏设置的各种声音和音乐。

(3)数字特技。除了以上两种作用外,数字媒体艺术还可以为游戏增加一些数字特技,即对游戏中的人物、景物、动物、场景进行处理,使之能够无限接近真实画面,从而为玩家提供精彩绝伦的视觉享受[6]。

(4)数字色彩。数字色彩也是数字媒体艺术独有的作用,能够增加游戏界面中的色彩感,使得整个画面更加饱满,满足人们的审美需求。所以,人们玩的大部分游戏都是色彩比较艳丽的,很少有色彩单一的页面出现。

二维数字游戏(Digital Game)又称为第九艺术,是以数字技术为手段设计开发、以数字化设备为平台实施的各种游戏。包括手机游戏、电脑游戏、网络游戏、单机游戏,它以数字技术为基础,呈现出炫酷的画面和美妙的音乐[7]。数字游戏具有一种特别的吸引力,在游戏中具有很重要的地位。

2 二维数字游戏制作理论

文章研究的二维数字游戏制作带有教育性元素,所以可以称之二维教育类数字游戏。这类游戏可以传承文化。在玩家玩游戏的过程中,该游戏可以为其提供丰富的知识,让玩家在无形中接受文化传承;与学习元素相结合,作为一种学习工具,为玩家提供丰富的学习资源,让玩家在充满情趣的情景中进行积极有效的学习,便于把知识传递给玩家,培养玩家协作精神;因此根据上述二维教育类数字游戏的作用,可以总结出该游戏的学习理论基础有三个:行为主义学习理论、情景认知学习理论、建构主义学习理论[8]。

但是二维教育类数字游戏毕竟是一种游戏,所以除了学习理论之外,还更应该遵循游戏的设计理论。成功的游戏制作者必须有一定超越常人的创造力,但同时也不能过于天马行空,还要遵守一些准则。而这些准则构成了一种三层蛋糕递进结构,如图1所示。

图1 游戏制作的三层蛋糕递进结构

3 二维数字游戏的设计与制作

文章研究的是通过数字媒体艺术增加二维教育类数字游戏的界面和音效。因此在设计过程中,要满足三点要求:发挥数字媒体艺术的作用、游戏当中要带有学习因素、在学习时也要体验到游戏的乐趣。总而言之就是以游戏的方式促进玩家进行学习。当游戏与学习合二为一时,游戏者即学习者,学习者即游戏者[9]。消除游戏是最近大火的一款数字游戏,从最开始的消灭星星,到现在的开心消消乐、糖果消消消等,这类二维数字游戏也由最开始的色彩单一,无情景设置,无声音渲染,发展到现在的色彩丰富、情景多样、声音炫酷等,逐渐吸引越来越多的青少年玩家。因此,该研究基于这类游戏的基本思路,在数字媒体艺术基础上,融入一定的学习内容,完成一款基于数字媒体艺术的二维教育类数字游戏制作(因为数字媒体艺术主要是用于游戏的界面和音效两个方面,所以下面对截面和音效进行重点介绍),游戏设计流程如图2所示。

图2 二维数字游戏设计流程

3.1 游戏素材收集与整理

该设计的二维数字游戏主要针对小学生,根据其不同的学习阶段分为6个模式:一年级模式、二年级模式、三年级模式、四年级模式、五年级模式、六年级模式。根据三个主要学科(数学、语文、英语)分为三大模块。所以该款游戏中需要大量的数学公式;语文词汇、诗词;以及英语单词、语法等一系列基础资源,因为是二维平面游戏,在游戏设计前期只要通过photoshop就能进行绘制创作。同时,为了增加游戏界面的视觉和听觉享受,答案消除时应呈现出成功效果和恭贺的声音等素材。

3.2 游戏规则代码

无论是何种游戏,都具有一定的规则,在这种平等规则下,才能极大可能激发玩家的好胜心和求生欲。因此在编写游戏规则代码时,编写者要根据游戏模式的不同,需要进行不同的操作[10]。例如,在玩家选择人机对抗中,值需要完成问题的呈现、答案的输出、消除连接成功的提示即可。而在人人对抗中则需要在单人模式基础上建立对战服务器端和接收端。下面为游戏规则编写的部分代码:

for (var i = 0, len = data.length; i < len; i++) { %>

<%var status = 'disabled';%>

<% if (i == 0) {%>

<%status = 'current';%>

<%}%>

<%var docList data[i]['related_doc_infos'];%>

<%for (var j = 0, n = docList.length; j < n; j++) {%>

class="image-wrap"> href="/view/<%=docList[j]['doc_id']%>.html" target="_blank" class="logSend log-xsend fcClick" data-logsend="{'send':['view','doc_link',{'from':'srs','tag_no'

3.3 游戏逻辑设计

文章设计的消除游戏是一款二维教育类数字游戏,其目标是在规定的时间内,玩家在系统给出的问题后,计算出答案并与相对应的答案方块进行消除,直到所有方块消失[3]。游戏场景为一矩形方格界面,随机排列各色方块。操作方法为点击游戏界面中无彩色的方格处,在其对应的上、下、左、右4个垂直方向上,如问题与答案的同色方块对应上即可消除。

3.4 游戏视觉界面设计

游戏界面又被称为人机界面、用户界面等,是通过显示屏呈现在玩家面前,玩家能够看见,但是触碰不到的部分。如果从心理学角度来看待界面,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次[11]。界面可以说游戏的脸面,通过界面决定着玩家对该款游戏的第一印象和是否能够引起玩家的兴趣。如果界面设计的合理,则可以给玩家直接提供一种愉悦的感受和成功的感觉;如果设计的不合理,就会给玩家带来一种感官上的挫败感,即使游戏在有趣,也很难吸引到玩家的目光。而数字媒体艺术就拯救了一般数字游戏具有缺陷,使得该设计的游戏在本质上有着不同优越性。它不仅限于视觉设计,还延伸到了听觉、触觉等设计领域,在视觉上包括了文字、图形、图像、动画等要素,在声音上有语音和各种音效及配乐等要素。数字媒体手段使得信息传播的手段更加立体化和综合化,作品的表现形式更加形象化和智能化[12]。

3.4.1 视觉界面设计流程 视觉界面是玩家从登陆游戏开始到游戏结束一直能够用眼睛能够看到的画面。把数字媒体艺术加入其中,可以极大提升游戏的画面感,提升玩家的游戏体验,使其兼具美观性和实用性。视觉界面就像包装一样,包装的越好,越能吸引住玩家的目光,游戏设计的第一步也就成功了[14],其设计流程如图3所示。

图3 二维数字游戏视觉界面设计流程

3.4.2 确定游戏设计目标 无论是做什么事,都会有一定的目的性,游戏的设计也不例外。而该游戏制作的目的就是通过数字媒体艺术在视觉上为玩家提供一个愉悦的游戏体验。此外,还要让玩家在玩的过程中能够明确感受到学习任务的存在,接收到通过游戏带给玩家的学习内容。总而言之就是游戏和学习两不误。

3.4.3 前期分析 在确定游戏设计目标之后,开始进行一系列系统化的游戏设计,以保证在数字媒体的优化后,能够达到上述游戏设计的目标。前期分析步骤如下:概念构建→方案制定→界面的初步实施→界面评估→界面修改→界面测试等[13]。

前期分析结束后,根据游戏设计方案设计游戏界面,这个游戏界面只是视觉界面初步原型,还需要后期处理个填充,最终完成游戏视觉界面设计。

3.4.4 开发工具选择 视觉界面的设计需要一些软件工具辅助完成,如flash、Visio、Axure RP、Flash、Photoshop以及OmniGraffle等。这些工具使用能够增强游戏界面的艺术效果、动态效果等。

3.4.5 界面设计内容 视觉界面设计的大体框架确定后,就框架开始对界面内容开始进行制作。视觉界面内容包括:窗口、菜单、色彩等。此外还有构图设计,造型设计等(不做赘述)。

(1)窗口:因为游戏模式、操作多样性等特点,就注定二维数字游戏界面内窗口有很多。因此其设计必须满足以下的几点要求:首先窗口的造型、装饰、图案风格以及色彩的搭配要与游戏的整体风格相适应,窗口大小在尽量不影响玩家的视觉感受。而对于一些固定的窗口如开始、关闭窗口等,应尽可能安排在界面的边缘地区,不要影响整体画面布局。而对于那些不必要的窗口,要制作成弹出模式,并尽量透明化,不要对玩家的游戏进程造成过大的影响。窗口的上的文字提示等信息要尽量简洁明了,让玩家易于理解和记忆。

(2)菜单:菜单也是界面设计中必备的一块,一般设计者会把菜单放在屏幕上边缘,这样能够方便玩家随时进行电脑操作。而菜单又包括子菜单和主菜单,主菜单的设计要尽量做到间接而全面;对于一些玩家不经常用到的子菜单,界面设计时要尽量通过按钮的方式将其隐藏起来,以节省玩家的视觉面积。

(3)色彩:色彩是一个界面设计中最重要的因素,能够调动玩家的积极性,影响玩家的情绪。色彩具有联想作用,界面制作时,采用不同的色彩配比,会给玩家带来不同的视觉感受。因此,在设计者设计游戏视觉界面时,需要着重考虑色彩设计。合理选用3-4色彩,并进行搭配。

3.5 游戏音效制作

数字媒体艺术除了在视觉界面设计中具有重要作用外,在音效的设计中也同养扮演者不可替代的关键角色。音效可以增强界面想要渲染的效果的,引导二维数字游戏剧情的走向,因此在本次二维数字游戏的设计中,需要对利用数字媒体艺术进行音效优化。

3.5.1 音效制作设备 ①硬件设备:电脑、视频接口、音箱、显示器、调音台、音效采集器等。②软件设备:环绕声软件、音频合成软件、混响器、均衡器、音调控制器、音乐编辑软件、音乐编辑插件等。

3.5.2 音效制作步骤 首先采集人员利用音效采集设备采集游戏中可以需要的音乐素材,并保存下来,交给专业的音乐编辑人员。音乐编辑这对这些音乐素材进行筛选,然后利用音频编辑软件,并根据数字游戏的清洁对筛选出来的素材进行编辑处理,如降噪、均衡、剪辑、特效等也就是通过上述一系列的操作制作出游戏所需要的音效效果。这是音频制作的关键步骤,也是最难的步骤。音频编辑完成后,产生的音效都是单一,而大多数游戏所需要的音效都不是单一元素,而是多个元素合成而来的。因此接下来的就是需要对声音进行合成和混音处理,使得所有音效能达到统一和无缝衔接。

4 对比研究

为验证基于数字媒体艺术在二维数字游戏制作中的优化效果。现选择某学校1-6年级的小学生120人(每个年级20人,男女比例为1:1)进行问卷调查。现在让这120名学生进行为期一个星期的游戏体验,提供给学生的游戏为经过数字媒体艺术优化前后的两种游戏(新版和旧版),除了视觉界面的设计和音效设计的不同外,其余制作过程完全一致,具有的功能也完全一致,问卷调查结果如表1所示。

表1 问卷调查结果

通过表1可知,选择新版数字游戏的人数总体要远多于旧版游戏,选择新版游戏的人数占据了总人数的79%,只有21%的人数选择的旧版,且年级越低,选择人数新版游戏的人数越多。究其原因,选择新版人数都是受到界面设计和音乐效果的吸引,认为其数字游戏体验的感觉要好于旧版,所以他们更倾向于新本游戏。

5 结语

综上所述,随着经济的发展和科技的进步,人们的生活的越来越丰富,其中游戏占据了重要的地位。在当今社会,各种数字游戏充斥在人们的生活中,给人们带来了无限乐趣。但是也正因为如此,许多未成年人沉迷游戏不可自拔,严重影响其学习生活。因此为解决数字游戏与学习之间的矛盾,许多游戏开发者把学习与游戏相结合,使玩家在享受游戏乐趣的同时,也能够学习到知识。但是这样做的结果并不是很理想,尤其在视觉界面设计和音效制作上很难达到令人满意的效果。为解决上述问题,利用数字媒体艺术对二维数字游戏的视觉界面和音效进行优化,弥补这类游戏的不足之处。为验证优化效果,对游戏的新旧版本进行了问卷调查,结果表明:与旧版二维数字游戏相比,小学生更倾向于新版数字游戏。究其原因,主要是界面和音效优化的结果,由此可以证明数字媒体艺术在二维数字游戏制作中的作用。

猜你喜欢

界面设计界面数字
中医养生APP界面设计
“共享员工”平台界面设计
中国传统元素在界面设计中的应用
国企党委前置研究的“四个界面”
面向智能手机的UI界面设计
一种可用于潮湿界面碳纤维加固配套用底胶的研究
答数字
基于FANUC PICTURE的虚拟轴坐标显示界面开发方法研究
电子显微打开材料界面世界之门
数字看G20