图形图像处理在二维游戏界面设计制作中的应用研究

肖赛锋

摘 要：从近几年的移动终端类游戏发展的势头来看，游戏产业已经成为我国经济转型中的一个新的经济增长点，而图形图像处理技术也在随着计算机和互联网的发展进入到了另一个前所未有的阶段。本文笔者通过理论的方式深入浅出地探讨计算机图形图像在二维类游戏界面设计中的应用，应用过程分析其中要注意的一些难点处理以及注意事项等问题。

关键词：图形图像处理；游戏界面；视觉表现

中图分类号：J218.7 文献标识码：A 文章编号：1005-5312（2016）14-0039-02

追溯电子游戏发展的历史，在电子游戏刚刚兴起的初期，游戏设计的指导原则是以能够在整个游戏过程中完成和实现最终不可或缺的功能来作为设计目的的。在当时的各种计算机软硬件条件都有限的情况下，相当一部分的游戏界面图形图像处理往往是由没有绘画功底和艺术审美的程序员来完成。而随着计算机技术的不断发展，很多院系开展的新的艺术美和技术美的相交叉的学科专业，兼备技术和艺术的设计人员也日渐增多，以及软件技术的不断升级，其最具典型代表的图形图像处理软件PhotoShop的兴起和发展，使得人们在工作和生产生活当中的各个方面都得到了很大程度上的变化。

一、关于图形图像的概念

计算机美术发展到如今，图形图像的概念在电脑动画、视觉设计、游戏设计等方向已经应用得非常广泛，图形图像在很多人看来，会笼统地认为图形和图像这就是一个概念，其实不然，它们之间还是有严格的区分的。在计算机中，图形是指由外部轮廓线条构成的矢量图。即由计算机绘制的直线、圆、矩形、曲线、图表等；而图像是由扫描仪、摄像机等输入设备捕捉实际的画面产生的数字图像，是由像素点阵构成的位图。图形图像最主要的区别是图形是矢量图，任意放大不会变形，图像是位图，放大后会变形失真。而笔者在这里所要研究的就是图形图像（即结合设计软件PS所做的）对于二维游戏界面的视觉表现处理。

二、二维游戏概述

二维游戏其实就是一种能够和用户玩家产生互动的动画方式。二维游戏是相对于三维来说的，三维技术的出现并没有很长的历史追溯期，出现的之初，所有的游戏产品都是在二维的基础上来构建的，所以说二维游戏的概念是相对三维游戏而言的。二维游戏区别于三维游戏就是它是一种在二维空间里来建立的平面图形，这种平面的圖形包括游戏里面的所有图形化元素，比如游戏的场景、角色、道具，人物的行走、打斗、状态等等都是二维平面的形式来完成的。玩家在操作的时候不同于三维游戏存在有立体空间的转换，它的场景和角色的动态表现也仅仅只是基于一个平面的上下左右四个方位。其中游戏的互动动画都是提前一张一张画好然后按帧数播放的方式来完成的，就像动画一样，通过人眼的视觉残留现象达到动画连续播放的效果，这些图形元素最终都会以复杂的联系方式在游戏中进行调用而实现游戏世界中丰富的内容，但它的真实体验感相对于三维游戏来说要弱很多。

三、二维游戏界面制作设计体系研究

一款二维游戏的开发大致分为三个大环节：策划、游戏美术、程序。其中游戏美术中部分细分为：游戏原画、游戏动画、游戏角色和场景设计、游戏用户界面设计、游戏特效设计等等几个方面，当然他们之间并不是严格区分的。

在二维游戏设计制作的过程中，前期的游戏策划起着一个至关重要的基础导向性作用，它决定着一款游戏的成败，当策划完成以后，进入到游戏美术阶段，也就是游戏设计风格设定、游戏场景设计、角色设计、及动画设计阶段。通常为了确保游戏在整体风格上达到统一，不仅是要均衡各方面的场景搭配、字体搭配、以及构图等等，还要考虑到根据不同的用户群体以及它本身所处的时代背景，还有故事内容等等，再在此基础上来把握它的设计性原则，比如讲究对称性、协调性、艺术性、整体性等这些都决定了一款二维游戏整体视觉界面的制作效果，游戏的画面布局不仅仅要稳定和谐，而且还要根据它的故事内容背景达到视觉界面的统一和均衡。设计者们通过这样一系列的精良的视觉图形图像设计处理对提升游戏品质、树立游戏产品形象也起到重要的作用。

四、图形图像处理在二维游戏界面制作中的应用

二维游戏界面设计阶段要处理的图形图像元素包括有游戏风格设定，色彩基调确定，字体字号，UI图标设计等等，从技术操作角度上来说其实就是视觉界面的方向分析设计。它主要考虑的是这些内容：对用户本身的研究，比如根据用户的年龄跨度大小，来确定这类人群中的青少年、中年、老年人比重等，还要分析不同类型的群体的职业、爱好，再根据这些来确定最游戏界面的视觉好恶元素等等，这些游戏用户玩家的研究信息都是我们定位游戏界面视觉化设计的基础，由此来设定游戏的整体视觉方向。一款好的游戏设计除了让玩家对游戏感兴趣以外还要通过视觉化设计使得玩家在体验感上具有视觉美感，以及身心愉悦的享受，从而才能让玩家和游戏之间建立的一种可靠的用户粘度。综上所述，笔者结合平时实际项目中的实例归纳了以下几个大的方面的设计制作原则：

首先，游戏界面要遵循一目了然的原则。通常从玩家心理的角度来分析玩家游戏的第一要义是要进入游戏世界，寻找游戏的可玩性和趣味性。那么对视觉界面的要求就是简单明了，尽量减少冗繁的华丽装饰，多余的装饰会使得玩家的精力无法集中，干扰到玩家的注意力。如果界面有部分设计元素必须分配在某一个固定界面上，那么设计制作者们应该通过隐藏一些游戏界面元素的办法来达到目的。这样更加有助于玩家得心应手地操作和适应整个游戏的操作界面。

其次，游戏界面的各方面元素尽可能去靠近仿真真实世界的原则。模拟真实世界的环境和事物，目的是能够方便游戏玩家能直观地理解其中的功能。游戏世界其实就是一个现实世界的缩影，即便是在二维的平面类游戏，也应该在界面把控上尽可能地模拟真实世界。

最后，均衡界面布局原则。均衡界面布局不仅仅指游戏界面元素摆放布局的内容要根据游戏本身的特定情况来安排布局，比如按钮的摆放位子，以及玩家的数量，还有玩家游戏时的心理习惯等等，同样色彩布局上和游戏内容上也要讲究均衡协调，游戏界面本身的色彩基调要和游戏内容的风格统一，通过这种协调性来体现游戏本身所具备的特色，从而引领整个游戏的基调。

除了以上这几点必要的原则之外，还有比如提供一些视觉暗示功能来暗示某个元素本身具备的功能，这样可以做到减少玩家在的摸索学习的时间，更快进入到游戏情景。另外尽可能地站在用户的角度上去去提供一些界面快捷方式等等。

五、结语

游戏设计作为一门新生的学科艺术，现有的系统的理论研究体系都还在一个不断摸索的阶段，通过从它本事所具备的独立美学范式和艺术结构来分析，游戏交互界面设计在整个游戏中占据非常重要的地位，作为人机交互的桥梁，它的优劣，能关键性地直接影响到玩家的游戏体验和感性判断。所以，游戏设计者们只有时刻更新和掌握新型技术，不断提高设计者的自身各方面素养，我们国的游戏产业才会走得更长远，才能立足于世界。

参考文献：

[1]库帕.交互设计之路[M].北京：电子工业出版社，2006.

[2]Donald Norman.设计心理学[M].北京：中信出版社，2003.

[3]拉斯基（美），史元春（译）.人本界面：交互式系统设计[M].北京：机械工业出版社，2011.

[4]赵大羽，关东升.交互设计的艺术——iOS 7拟物化到扁平化革命[M].北京：清华大学出版社，2014.

[5]Art Eyes，设计工作室，梅爱冰创意.UI Photoshop玩转游戏界面设计[M].北京：人民邮电出版社，2015.

[6]李洪波，林征（译）.技艺非凡Photoshop游戏插画创作大揭秘[M].北京：清华大学出版社，2012.

[7]刘杨.Photoshop游戏原画美术火星课堂[M].北京：人民邮电出版社，2012.

[8]王学慧.浅谈图形图像处理在二维动画中的应用[J].智富时代，2014（30）.