基于手机游戏UI中的视觉设计研究

程今艺

（长春建筑学院，吉林 长春 130000）

智能手机的出现让人们的生活变得更加便利，以往只能够用电脑处理的事务，如今大部分都能够在手机上得到实现。而我国智能手机用户就多达7亿，约占全球手机用户的20%。智能手机的出现带动了我国许多电子行业的发展，其中手游行业发展势头火爆。而玩家在出玩游戏时对游戏的第一印象必然是游戏的UI界面设计，这也直接决定着游戏是否能够吸引玩家。因此如何做好UI视觉设计，扩大玩家留存率，就显得尤为重要。

1 UI视觉设计对手游的重要性

UI手机界面使玩家能够与手游进行信息传递的桥梁，除了听觉与触觉外，视觉是人对于外界事物最直观的感受，他它能够使人准确地捕捉到外界信息，因此UI的视觉表现有着非常重要的作用，这也影响着手游用户的留存率。对手游中UI的视觉设计进行研究能够让手游开发者真正站在玩家的游戏体验感上开发游戏，使手游兼具实用性与美观性。由于手游在我国的火爆发展，许多企业都想涉足这块领域，但由于其美术设计质量参差不齐，导致手游UI的视觉设计缺乏理论基础。有些设计师只是盲目地按照自己的想法设计，并不依据游戏的设计理念和用户的体验感来进行设计，甚至还有一些设计师仍然按照设计电脑端的UI来进行手游UI的设计[1]。基于此，研究手游UI中的视觉设计，能够促进手游行业域外视觉设计更好的发展。

2 UI视觉设计的构成要素

1）色彩元素。这是视觉感受中的第一感受，在UI的视觉设计中有着重要地位。根据色彩心理学，不同的色彩能够给人不同的心理暗示，带给人不同的感受。在图形中添加色彩，能够带给图形不同的表现力[2]。例如：《保卫萝卜》中的彩色带给人欢快的感受，《暗黑血统》中的暗色系又给人沉闷的感受。

2）图形元素。图形也是手游视觉设计中的重要元素之一。图形元素是以读为主的元素，所以在手游的UI设计中，需要根据游戏进行合理的装饰与排版，这样能够使游戏的主题与环境更加生动地传递给玩家。并且不同的图形形状也能够带给人不同的感受，例如，三角形有一种尖锐的感觉，而四方形给人一种平稳的感觉。在进行设计时结合游戏的设计，合理运用图形能够给玩家很好的视觉体验，也能够更加直观的表达出游戏的内容。

3）文字元素。文字是所有设计的基础，在设计中得到了广泛应用。文字的增加除了能够带给玩家很好的视觉体验外，玩家也可以更好地操作游戏。在游戏的标志或标题中使用文字可以产生文本和统一游戏风格的效果。不同的字体可以对应不同的游戏风格。例如，圆润的文字给人可爱的感觉，纤细的文字就会带给人简洁的感觉。

3 不同视觉设计风格的手游案例分析

UI的视觉设计和绘画有着异曲同工之妙，都有着多种的表现形式。目前市场上的手机游戏风格变化很大。从宏观角度来看，许多UI设计风格可以分为准物化风格和平面风格。目前市场上大多数移动游戏的视觉UI设计都是平面的，但也有着少量的拟物化设计。这些设计风格并没有好坏之分，只是针对游戏的风格来制定视觉设计才是需要首要考虑的。

1）拟物化风格——以《阴阳师》为例。《阴阳师》这款手机游戏是网易于2016年推出的一款RPG游戏。该款游戏因其唯美的画风在公测之后就快速受到了我国手游玩家的喜爱，并在社会范围内引起了广泛的讨论。在此之前，我国也有过此类玩法的手游，但是阴阳师唯美的美术风格和游戏自身的艺术文化特色让玩家在玩游戏的同时拥有了视觉与交互的双重体验[3]。以游戏的登录界面为例，该游戏的登录界面是一幅浮世绘风格的动态场景这个，这就带给人一种清新的感觉。而游戏的logo则以书法字体居中，在“开始游戏”设置的按钮当中，有两只小鱼围绕在中央。

在游戏的主界面中，设计师将界面完全集成到环境中。玩家可以通过点击场景中的手电筒与游戏进行互动。手电筒周围装饰着粉红色的蝴蝶，这也起到了刺激玩家的作用。功能菜单图标也非常生动有趣。对象图标。

通过对《阴阳师》的案例分析，可以看出《阴阳师》拟物化的视觉设计受到了玩家的欢迎。在扁平化风格风靡的今天，阴阳师的设计界面能够如此受到玩家的喜爱，离不开设计者对信息传达的权衡以及对拟物化风格的扬长避短，值得借鉴。

2）扁平化风格——以《刺激战场》为例。《刺激战场》是一款由海外蓝洞公司制作的射击游戏，2017年开始公测，如果玩家大约有一千两百万之多，直到目前为止，仍然是我国最具影响力的游戏之一。《刺激战场》讲述的是在和平时代，出于战略考虑，各国继续保留士兵的职业，并通过计算机进行军事演习。而游戏中“大吉大利，今晚吃鸡”的标语也存在网络中红极一时。《刺激战场》是一款典型的扁平化设计风格游戏。整个游戏页面没有太多的装饰，非常简单和大方。从着陆界面开始，游戏使用对称的原始绘制作为背景、平面和正方形，登录端口底部的按钮位于中间位置，使整个图像充满协调，并且更具有气势，符合射击游戏的风格。

在游戏的主界面，人物角色在画面的最中心主体采用黄色和灰色为主的色调。给人的感觉是略显单调，没有太过丰富和华丽的颜色。而底部的信息框则采用了低饱和度的矩形来进行版面的切割，关键性的按钮采用了纯度较高的黄色与白色，非常醒目，能够很好的指导玩家与游戏进行交互。

游戏的分界面中，界面的底板可以变为全屏，是使整个界面的色彩与风格由于该款游戏属于射击类游戏，更加反映玩家的快捷性和灵敏度，因此在按钮空间的布局上也考虑到了这一点，玩家可以根据自身的喜好来对按钮的布局进行合理的调控。

通过对《刺激战场》的分析可以发现，扁平化的视觉设计风格再手机的屏幕上更加突出，极简的设计抛弃了多余的装饰，能够使玩家更加专注于友谊。两种游戏的不同风格都收到了玩家的欢迎与喜爱，由此可以得出结论，手游的UI视觉设计一定要站在玩家的角度，结合游戏的风格与立意来进行设计，重视玩家与游戏的交互，只有这样，才能够设计出一款成功的UI界面设计作品。

4 结语

综上所述，尽管我国在所有UI视觉设计中存在着许多问题，但仍然不乏好的手游UI界面设计。无论是扁平化设计还是拟物化设计，只要设计者能够站在玩家的角度来设计UI界面，就是好界面设计。