視錯覺在游戲交互界面中設計研究

王昕

南京信息工程大學 江蘇 南京 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.增強交互體驗

近幾年的游戲開發層出不窮，游戲的交互設計就是要保證玩家在完整的游戲背景下進行游戲操作，不斷跟進游戲的情節進程，從而產生信息的接收和對游戲的反饋，使玩家對游戲能夠產生持續性和愉悅感。在手機游戲的發展中更加能體現游戲設計的簡化，游戲元素突出和配色簡潔，片段式游戲關卡不需要花費大量的時間投入其中，在游戲設計中融入視錯覺，形式和內容上的發展走向了個性化，刺激視覺感官，畫面的精致優美和音效的配合，游戲交互界面更加具有真實性和生活性，創造出一個獨立的虛幻游戲世界。視錯覺為內容的游戲則幫助用戶在游戲空間內進行不斷的嘗試，達到不同效果的模式去推動游戲闖關，讓玩家主動發掘其中的視錯覺原理，傳達美學理論，復雜但是又易于上手的游戲體驗使玩家在通關游戲的過程中得到成就感，獲得精神上的滿足。

結語

網絡技術的不斷發展提供新技術和新媒介，計算機和手機的發展促進著游戲的開發，游戲的時代更迭越來越快，游戲設計者開始重視提升用戶的體驗尋求新的創新突破口。視錯覺幫助游戲設計師打破思維定勢，將其加入進游戲交互界面的設計中去，給用戶帶來全新的趣味感體驗，滿足用戶對新奇事物的需求心理。視錯覺的應用大多是在二維屏幕中展開，在一些三維軟件中想營造循環視錯覺實驗中發現是行不通的，只有在特定的角度下才會創造出視無限循環的錯覺感受。掌握這些視錯覺的應用規律和特點，幫助設計師豐富游戲交互界面的體驗感，更好的去發掘和探索視錯覺帶來的無限魅力和創新思維。