返回主站|会员中心|保存桌面|手机浏览

《科技资讯》杂志

杂志等级
    期刊级别:国家级期刊 收录期刊:知网收录(中) 维普收录(中) 万方收录(中) 国家图书馆馆藏 上海图书馆馆藏
本刊往期
站内搜索
 
友情链接
  • 暂无链接
首页 > 杂志论文 > 探究手机游戏中的UI设计
杂志文章正文
探究手机游戏中的UI设计
发布时间:2018-12-03        浏览次数:17        返回列表

田宇彤 王佳 张华

摘 要:随着科技的高速发展,电子产品以及互联网的普及,手机游戏成为人们日常生活中重要的娱乐方式,而一款游戏的受欢迎程度与否更多地取决于其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.