田宇彤 王佳 张华

摘 要：随着科技的高速发展，电子产品以及互联网的普及，手机游戏成为人们日常生活中重要的娱乐方式，而一款游戏的受欢迎程度与否更多地取决于其UI界面设计。该文主要以一款手机游戏《纪念碑谷》为例，从游戏创作的灵感来源、色彩搭配、几何之美、交互体验等方面去分析其UI界面设计，并从中总结一些能更好地促进手机游戏发展的创新思路和方法。

关键词：UI界面 用户体验 手机游戏

中图分类号：TB47 文献标识码：A 文章编号：1672-3791（2019）02（a）-00-02

1 手机游戏UI的发展现状

随着游戏市场的扩大，手机游戏的需求更是日益增大。然而随着人们审美的不断提升，对游戏的可玩性以及畫面画质的要求更加严苛。目前，我国的游戏UI设计水平尚且停留在相对初级的阶段，多数设计会根据基本功能和“漂亮”的基准来衡量，而忽略了不同用户的操作需求。具体表现如下：（1）界面设计单调乏味。（2）多数借鉴国外大作，缺乏自身游戏特点。（3）不注重交互体验，没有良好发挥手机特有的优势。（4）游戏引导不够或过度，令玩家产生厌恶感。实际上游戏UI设计需要注重艺术审美、专业技术、心理情感等方面的结合，从多角度去理解游戏UI设计，才能真正为行业注入新的活力。

2 以《纪念碑谷》为例，分析手机游戏的UI界面设计

2.1 灵感来源

《纪念碑谷》被设想为一款在平板电脑上的触控游戏。它从2013年开始制作，花费近10个月完成。整款游戏的UI界面设计是以埃舍尔风格的艺术概念画作为灵感来源开始的。游戏之所以命名为《纪念碑谷》的原因在于设计师认为“游戏里所有的建筑都是一座座纪念碑”。故事情节是随着“公主”艾达的救赎之旅展开的一场探险旅程。在游戏中玩家引领她透过在等角投影、错视和不可能的几何物体组成的“纪念碑”中行走达到终点，这些“纪念碑”在游戏中被“神圣几何”所建造。《纪念碑谷》以等角投影视角展现，玩家要与游戏中的环境互动，寻找被隐藏的道路，使艾达到达每个关卡的终点。《纪念碑谷》的10个关卡设有不同风格和主题色彩的中心“纪念碑”。玩家在游戏的操作过程中可通过移动滑块、图腾以及触碰机关制造过路的桥梁，游戏中的色彩会给玩家解谜的间接线索，挡住艾达前行的乌鸦人也会为玩家带来直接提示。

2.2 色彩搭配

《纪念碑谷》给我们最直观的感受还是每一个浪漫唯美到极致的多彩建筑，简单的理解就是色彩的“形状”，也是最先俘获观众心灵的部分。例如西班牙的红墙被赋予到《纪念碑谷》红色的“形状”里，给人以温暖和被包容的治愈系感受。暗黑系是《纪念碑谷》的夜晚“形状”，结合蓝紫色系，更加突出了神秘恐惧感。绿色系“形状”则突出了调皮、欢快的气质，给人很舒服的视觉感受。通过不同的绿色视角，烘托出充满希望的心理暗示，让玩家可以内心充满正能量。而纪念碑谷每一关卡的开启，正是所有色彩“形状”的新生，同时也是人们憧憬现实世界同游戏世界一样绽放光彩的心灵寄托。

2.3 建筑的几何之美

《纪念碑谷》如同一个建筑模型，用有趣的空间错位感交织出了清新唯美的迷宫世界，带给体验者一种世外桃源的心灵体验。游戏设计者通过搜集不同风格的建筑，将埃舍尔的《另一个世界》《观景楼》《画廊》《瀑布》《变形记》系列等都在该游戏中展现出来，从伊斯兰式屋顶到各种城堡；阶梯也是纪念碑谷重要的元素之一，更深入地呈现其对数理几何美的理解，并在此基础上加入不同的纹理和细节；并通过几何变换让关卡进行连接进而顺利通关。例如在纪念碑谷游戏中，借用“莫比乌斯环”令引力方向发生了扭曲；利用“彭罗斯三角”产生视觉错位艺术；利用“施罗德阶梯”随时改变方向开启新的通道；利用俄罗斯套娃”制造酷炫效果。

2.4 交互体验

交互是《纪念碑谷》系列的核心，设计师利用交互体验有助于更好地讲述故事和主人公的情感变化。游戏中的升降、滑动和旋转模块都使用了基本的点击和滑动手势，游戏中各种不同的图案代表按钮，有的按钮需要玩家反复琢磨，引发继续玩下去的兴趣。因而就产生了交互习惯，移动的方式虽然简单，但怎样去移动滑块解开谜题才是重点，这种注重思考的游戏体验才是令玩家着迷的主要原因。此外，游戏善于利用感官让玩家体验人机交互，人物的走动、建筑物的重组以及溪水的流动都配以逼真的音效，让玩家能够身临其境；游戏使用空灵悠扬的音乐作背景，能使玩家静下心来沉浸在游戏的世界中；而丰富的UI界面设计结合用户的操作带来异样的触摸体验；最后结合游戏最有特点的色彩设计，让用户在视觉、触觉、听觉中更好地与游戏本身展开互动。

3 《纪念碑谷》游戏中的UI设计启发

3.1 主次鲜明的色彩布局

色彩是给用户传递信息最显著的视觉元素之一，不同的色彩能给用户带来不同的感受和体验。色彩不是越多越好，要选择适合该游戏主题的颜色。在《纪念碑谷》游戏UI界面中，主色调约占60%，辅助色占30%，突出色占10%。而界面的色彩亮度和面积一般成反比关系，因为它直接决定了UI原色的主次关系问题。设计师需根据色彩对人们心理的影响，合理地加以运用，通过创建配色方案，主题鲜明、重点突出，会令游戏的可读性更强，更容易被玩家理解和掌握，从而产生继续玩下去的欲望。

3.2 跨学科领域的交叉融合

生活中人人都是设计师，都有各自不同的背景和对美学的理解，好的UI设计来自各方知识的理解整合，所以UI设计师的学习和理解能力就显得尤为重要了。在《纪念碑谷》中玩家不仅能体验到畅玩游戏的乐趣，同时还能欣赏到其中的建筑之美以及几何之美。设计师巧妙地将建筑与几何相结合，让玩家对游戏产生了不一样的情感体验，也就是说，我们在进行游戏设计时要善于打破常规的学科界限，广泛涉猎不同的学科领域，在学科交叉融合碰撞的过程中，或许能够激发新的创作灵感，为游戏UI设计开拓新的方向。

3.3 人文体验与关怀

UI设计是对游戏产品的人机交互、操作上的逻辑思维以及界面美观设计的总称。《纪念碑谷》在游戏中设置了许多交互环节，通过细微的、人性化的交互，能够快速地补充沟通过程中的状态和反馈，将某个动作所产生的结果视觉化的呈现出来。微交互的核心是用人性化的设计呈现用户预期的操作，并渴望下一步的操作。要知道一款手机游戏的界面设计不单包括文字、图片设计，还需要视频、音效相互配合，从视觉、听觉、触觉等全方位为玩家创造一种独特的体验感受。设计师在进行游戏设计时可以结合游戏的故事背景，让玩家能够有很好的游戏带入感，这需要考虑视觉设计和交互体验完美配合，让玩家能够直观感受屏幕界面带来的虚拟效果。

4 未来展望

近年来游戏UI在国内也逐渐引起重视，但仍处于发展阶段。现下，对话式的游戏UI是值得UI设计领域探索的方向，也就是要我们换个角度来审视游戏UI界面，其本质就是用户和机器之间的对话，对于企业和品牌而言，智能化的UI对话体验有许多值得探索的维度，结合未来科技的发展将会迎来新的机遇和挑战。

参考文献

[1] 韩林.浅析手机游戏UI设计中视觉艺术元素的构成[J]. 美术教育研究，2018（16）：72-73.

[2] 叶张一.手机游戏UI视觉设计的应用与研究——以实践手游项目《醉江湖》为例[D]. 杭州师范大学，2018.