视错觉在游戏交互界面中设计研究

王昕

南京信息工程大学 江苏 南京 210044

在近年来的游戏开发中，用户开始关注游戏的画面设计和交互体验，重视游戏在视觉审美上带来的感受，层出不穷的游戏开发者开始在游戏交互界面上不断创新，以给用户带来独特的游戏体验感。视错觉是通过主观和客观的条件下产生，主观的影响主要是由于人的生理和心理，生理是人们的视觉上接受的信息，心理则是在接受信息后进行的心理暗示。客观上则是由图像的色彩，光影以及特殊的物象等会刺激视错觉的产生。许多艺术领域的创作中，都有涉及到视错觉的原理，视错觉以生动有趣的特点吸引大众，在交互界面的设计上运用视错觉来达到传达信息，布局排版和图标绘制等等。现代数字媒体与视错觉的结合，为媒体艺术设计注入了新的活力，发散了人们的思维，在掌握视错觉规律下增加趣味性和吸引力。

视错觉在游戏交互界面中的运用中，利用视错觉中的透视错觉，光影错觉，反转错觉，循环错觉四种应用，使游戏具有个性化的界面，开拓用户思维，增强交互体验，满足用户对于游戏的日益增长的心理诉求，视错觉与游戏的结合是一个值得重视的全新领域。

一、视错觉在游戏交互界面设计中的应用

视错觉的种类众多，许多学者进行分析归纳出常见视错觉类型，如贡布里希的《艺术与错觉》中就有从心理学的角度分析视错觉。目前国内外大多的游戏都是在二维屏幕中进行的，通过计算机的屏幕和鼠标键盘同用户进行交互，受众人群最广的则为手机游戏，也是借助手机屏幕进行游戏操作。由于我们身处三维空间内，在观察二维屏幕的同时也会下意识的将画面在脑中进行暗示，以达到展现三维空间的效果。在游戏交互界面的设计中也涉及几种视错觉种类，游戏设计本身的特性就具有着在静态和动态的视错觉，本文将进行总结出四种游戏设计中常见视错觉类型，在游戏应用中进行理论的延伸。

1.透视错觉

透视法在文艺复兴时期所确立出来，其原理为近大远小，通过一定的比例和结构去展现物体，使之更加具有立体感。莱昂纳尔多在《最后的晚餐》（图1）画作的背景则通过透视法将人物摆在了一个三维空间内，人物和背景具有纵深感和距离感。

图1 《最后的晚餐》

轴测图也是利用透视错觉，通过平行透视法展现了物体的三个面，最大程度呈现物体的相关信息，还原物体的三面形态的结构和尺寸。轴测图的画法被用来制作游戏界面在当下十分流行，绘制出的画面图形协调，错落有致。如手游《跳一跳》（图2）中的物体方方正正，正是利用轴测图的画法绘制，游戏界面简洁操作简单，在正方体上进行加工制作出不同形态来丰富游戏画面。以及《跳舞的线》（图3）也是利用了透视错觉，通过平面展示立体的线在画面穿梭，每个关卡的主题都绘制精美，为展现动态的游戏效果让“跳舞的线”不断的前进。

图2 《跳一跳》

图3 《跳舞的线》

2.光影错觉

视错觉不仅通过主观的条件产生，还会根据外部的客观条件影响。在不同的色彩，光影，虚实条件下，相应的视觉感官也会发生变化。人们在心理上对颜色具有冷暖感知，越是模糊黑暗的地方越令人感到神秘未知，黑色背景严肃压抑，白色背景干净通透等等。例如《饥荒》（图4）中游戏人物在白天模式画面清晰明亮，随着游戏时空的变换逐渐进入傍晚，在明度开始渐变成灰暗，颜色过渡为暗黄色，预示着黑夜的来临，开始增加游戏的真实感。黑夜进行活动时则是全黑背景，通过微弱的火把灯光只能照亮区域光亮，而黑暗的地方令人未知，在音效的渲染下使人产生紧张感，创造出沉浸式游戏氛围。

图4 《饥荒》

3.反转错觉

反转错觉包括轮廓错觉和图底关系错觉等，轮廓错觉是在人们观察复杂图形时，根据所呈现的特征和不完整轮廓，人脑会自动将其补充成人们所熟悉的事物。心理学家E.Rubin创作的“鲁宾之壶”，从不同的轮廓下，用户基于心理会将其辨认出壶状或者左右两边的人脸，形成一个图不变但是具有多种歧义的有趣图形。在视觉设计上许多LOGO则借用这种视错觉来展示多重含义，如青年志愿者标志（图5）则是以Y为中心表示青年young，中心为手状也可以看成是鸽子形状，表达奉献爱心和面向未来的内涵。在游戏设计中的交互图标则需要运用这种轮廓错觉帮助用户直观方便的进行游戏操作，简化游戏按钮的复杂性，了解用户的心理暗示进行整体性的轮廓设计，达到舒适和谐的视觉感受。图底关系错觉是指在一个画面中通过只看背景和图形可以分别观看到不同的图像，埃舍尔的《昼与夜》（图6），达利的《消失的图像》（图7）都是可以通过视角的不同和颜色的对比，可以观看到多个图形。以背景来看，通常伴随阴阳，虚实等将画面一分为二进行反转，而以图形来看则是通过小的图形进行拼贴和嵌套，拼成一个整体的成像。在不同的色彩角度上可以区分出相异的完整图形，以颜色来看，在埃舍尔的《昼与夜》中，以白色为背景，则黑色的鸟与之组成完整的白昼画面，反之以黑色为背景，白色的鸟类从黑夜中突出，组成另一番夜景。这种黑白颜色的对比还延伸到地面，将整幅画面拼凑起来。

图5 青年志愿者标志

图6 《昼与夜》

图7 《消失的图像》

在游戏《我的世界》（图8）中就是利用这种反转错觉，将不同颜色和材质的方块进行堆积拼凑，在日常生活中人们会联系在记忆中已存在的客观事物，根据颜色，形状等进行补充。玩家将视角放小每个方块都组成不同的日常事物，颜色的补充和提示可以更加直观地提示这一组方块是表达不同意义的事物，将视角放大则是一个自带属性的个体方块。例如泥土方块，在《我的世界》游戏地图中山的形态就是由无数个棕色方块堆叠起来，绿色部分点缀是山上的树木，用户不难辨认出水中小岛的形态。

图8 游戏《我的世界》

4.循环错觉

在视错觉中有一种是错误的透视，是在二维平面中展现在三维世界中不可能存在的世界，也被称为不可能图形。这种现象是因为人们在观察二维图案时会将其进行三维空间的预测，在三维世界中不成立的图形使人们感到奇怪，甚至是引发人们的思考。构建循环错觉画面时也需借助色彩渲染，色彩的明暗变化是循环错觉设计的基础，通过改变其色彩关系造就生活中不可能图形。在埃舍尔《上升与下降》（图9），《瀑布》（图10）作品中循环无尽的楼梯和下降回流的瀑布就是利用了视错觉，产生奇特的视觉效果。游戏《纪念碑谷》（图11）中利用视错觉推动游戏的通关发展，在许多关卡中就致敬了埃舍尔的作品，通过移动特定模块，水流开始循环，将本来在下边的通道在视错觉的引导下变成通往上方的通道，形成无限的一个回环，具有独特的趣味性和创新性。

图9 埃舍尔《上升与下降》

图10 《瀑布》

图11 游戏《纪念碑谷》

二、视错觉在游戏交互界面设计中的特点

1.强化视觉效果

视错觉最早在古希腊时期被传承下来，在新技术不断的发展下作为独特的艺术风格与现代数字媒体相结合，视错觉将游戏交互界面进行风格化，具备和谐舒适的布局以及新奇的错觉体验。在时代步伐不断加快的过程中，游戏交互界面不断被要求简单化，出现越来越多精致的“方块”游戏，看似奇怪的设计但是又在情理之中，如《跳舞的线》中就背景是用简单的几何图形拼凑成的简易形状，舒适简单的配色下让人清晰辨认出背景环境，游戏是以一条方块线在画面中穿梭，在画面中突出主体增强休闲性和趣味性。同时注重在游戏中色彩的运用，色彩可以影响人的情绪和感受，同样大小颜色不同的色块看起来面积不一样，颜色的冷暖也引导游戏的整体环境温度，在不同颜色背景上的相同形状看起来也大小不一，所以要利用色彩产生的视错觉，加强视觉上的沉浸体验。

2.发散创新思维

在科技不断发展的今天，国内许多的游戏设计大同小异，如果继续延续传统游戏设计风格，用户很快就会产生视觉疲劳。游戏设计领域需要在视觉体验上注入创新的力量，当代人们的心理需求和审美要求不断增强，视错觉被应用在游戏交互界面上，不仅可以在形式上带给人们视觉的刺激，在内容上游戏可以根据视错觉进行游戏程序的设计，《纪念碑谷》一经推出就引发热议，交互界面的设计区别于传统的闯关游戏，以几何图形作为游戏操作背景，通过移动特定模块创造视错觉成像，是形式和内容上的融合创新，别具一格的游戏操作发散人们的思维，从中探寻蕴含的美学意境和生活哲学。

3.增强交互体验

近几年的游戏开发层出不穷，游戏的交互设计就是要保证玩家在完整的游戏背景下进行游戏操作，不断跟进游戏的情节进程，从而产生信息的接收和对游戏的反馈，使玩家对游戏能够产生持续性和愉悦感。在手机游戏的发展中更加能体现游戏设计的简化，游戏元素突出和配色简洁，片段式游戏关卡不需要花费大量的时间投入其中，在游戏设计中融入视错觉，形式和内容上的发展走向了个性化，刺激视觉感官，画面的精致优美和音效的配合，游戏交互界面更加具有真实性和生活性，创造出一个独立的虚幻游戏世界。视错觉为内容的游戏则帮助用户在游戏空间内进行不断的尝试，达到不同效果的模式去推动游戏闯关，让玩家主动发掘其中的视错觉原理，传达美学理论，复杂但是又易于上手的游戏体验使玩家在通关游戏的过程中得到成就感，获得精神上的满足。

结语

网络技术的不断发展提供新技术和新媒介，计算机和手机的发展促进着游戏的开发，游戏的时代更迭越来越快，游戏设计者开始重视提升用户的体验寻求新的创新突破口。视错觉帮助游戏设计师打破思维定势，将其加入进游戏交互界面的设计中去，给用户带来全新的趣味感体验，满足用户对新奇事物的需求心理。视错觉的应用大多是在二维屏幕中展开，在一些三维软件中想营造循环视错觉实验中发现是行不通的，只有在特定的角度下才会创造出视无限循环的错觉感受。掌握这些视错觉的应用规律和特点，帮助设计师丰富游戏交互界面的体验感，更好的去发掘和探索视错觉带来的无限魅力和创新思维。