視覺結構在遊戲中的應用：線條和形狀

電子遊戲作為現代電子工業發展的藝術結晶，運用了包括攝影、色彩、敘事、音樂等在內的不同領域內的先進經驗和理論，最終為玩家貢獻出了一個個難忘的視聽盛宴。本係列從影像構圖入手，講述視覺結構之於遊戲的應用，上次分享了 視覺結構在遊戲中的應用：空間元素  今天聊聊基本視覺元素中的線條和形狀。

一、線條

線條不同於其他視覺元素，因為他們隻出現在影調對比或色彩反差中，被突顯還是被忽略完全取決於對比的強弱。不管在現實世界中還是在屏幕上，線條的表現方式都有很多種，總共可以分為七類：邊沿、輪廓、閉合線、平麵交線、由距離構成的模擬線條、軸線和軌跡。

1.1 邊沿

環繞二維物體邊緣的清晰線條稱之為邊沿，線條隻出現在影調對比或色彩反差中，一張放在黑色背景中的白紙，很容易被看到，如果這張白紙被放在白色背景中，白紙和其線條幾乎就看不到了，沒有影調對比，線條就不存在。

如圖所示，在黃色的背景中，影子的輪廓清晰可見，通過強烈的明暗對比將邊沿突顯出來，同時也將視覺焦點聚焦在了影子身上。

1.2 輪廓

環繞三維物體邊緣的清晰線條稱之為輪廓，現實世界中大多數物體都是三維的，有長度、寬度和高度，當在任意角度觀察一個三維物體時，總是能看到包圍著的輪廓。如果一個物體比如球，他的顏色與後景的影調相同，那麼這條輪廓線就看不見了。

1.3 閉合線

畫麵中觀眾感興趣的視覺基本點能創造出想象中的線條，比如下圖有四個點，但觀眾會想象出四條線，構成一個正方形。視覺基本點可以是重要的物體、色彩、影調或者任何可以吸引觀眾注意力的事物。這些點可以連接為各種弧線或直線，進而構成各種三角形、矩形等形狀。常見的三角形構圖就是利用了這一原理。

1.4 平麵交線

兩個平麵相接或者相交，看起來就會構成一條線。

隻要相接的兩個麵之間有影調對比，任何房間的任何角落都可以構成線條；而當影調的對比消失時，線條就不見了。

1.5 距離線條

一個物體由於距離太遠而看上去縮小為一條或幾條線，就是由距離構成的模擬線條，比如電塔的鋼梁及電纜其實非常粗，但在較遠距離拍攝時看起來就像是幾條線。

1.6 軸線

很多被攝物都會有一條看不見的軸線穿過，這也可以被視為一條線，一個站立的人有一條垂直的軸線，一個躺著的人有一條平行的軸線。同樣，如果被攝物與後景之間的影調對比降低時，軸線就變得難以識別。

1.7 軌跡

軌跡是指運動物體的移動路徑，任何物體隻要運動，都會在路徑上留下一條軌跡或線索，軌跡主要有兩種：真實軌跡和無形軌跡。

真實軌跡是指某些物體運動時，身後留下的一條可見的軌跡或線索。

無形軌跡是指當物體運動沒有可見軌道時，觀眾腦海裏想象出來的軌跡，這種軌跡與觀眾自身的認知相關，比如畫麵中是一隻飛翔的鷹，見過鷹飛翔的就能自己想象出一條飛行的軌跡，而沒見過鷹的將無法想象，也因此，無形軌跡不是固定的，因人而異。

1.8 總結

影像視覺中的線條多用影調的對比來突顯，比如邊沿、輪廓、平麵交線等等，這種對比可以是自身的明暗對比，比如相交的牆麵；也可以是被攝物與後景、前景的對比，比如輪廓。影像裏線條的作用多半是用來突出被攝主體，引導視覺焦點，也有用來烘托場景氛圍，間接敘事的。比如下圖通過黑白互補色將人物的輪廓清晰地展現出來，觀眾會把全部的注意力放在人物身上，這對於主體細節的展示非常重要。

在遊戲當中，線條的運用也是非常廣泛的，比如怪獵冰原中，冰牙龍的出場就用到了邊沿。如圖所示，為了展現冰牙龍的神秘和威壓，人物的輪廓被模糊化，讓人無法辨識，同時人物本身的色調與後景色調相近，弱化了人物的展示。而站在上方的冰牙龍則較為明顯，通過白色的後景將冰牙龍的邊沿清晰的展示出來，而冰牙龍自身的影調對比被弱化，從而讓邊沿更加明顯，由於看不清細節，增加了冰牙龍的神秘感，同時也提起了觀眾的興趣，想要繼續看下去，看看冰牙龍究竟長什麼樣。

但是在手遊中，線條的運用將會相對受限一點，比如距離線條幾乎不能使用，因為手機的屏幕較小，想用距離的變化突顯線條其結果就是玩家根本看不清畫麵內容。如果遊戲采用的是3渲2的方式，那麼輪廓也很難運用，因為這種渲染方式本身就將人物輪廓突出的很明顯。

如圖所示，由於一人之下的畫麵采用的是3渲2的方式，人物的輪廓線被渲染的很清晰，即便徐四和馮寶寶的影調與後景影調相近，由於渲染的原因，他們兩人的輪廓還是很容易分辨出來，那麼對於一人之下來說，想利用影調對比來突顯輪廓將變得不再適用。

簡而言之，線條在影視作品中可以被廣泛使用，而在遊戲中則要根據具體情況而定，畫麵渲染方式、遊戲類型、遊戲平台都會不同程度的限製線條的使用。

二、線性主題

任何畫麵都可簡化為簡單的線條，這就是線性主題。曲線、直線、橫線、豎線、斜線等線條都可以構成畫麵的線性主題。

這是一幅畫麵以及他的高對比版，後者將影調間的差距極簡化，從而展示了線性主題。當我們強化影調的對比時，就可以發現他的線性主題了。很多攝影師會采用反差濾鏡進行測光，然後檢驗影調對比。反差濾鏡一般來說就像個單片眼鏡，但是顏色會很深，以深棕色或深藍色為多。從反差濾鏡看過去，畫麵對比就變得強烈了，其線性主題也就能夠明確出來。

2.1 總結

線性主題主要是用來突出場景氛圍的，一般來說不同形狀總是能給人帶來特定的感受，比如直線產生嚴肅、莊重的感覺；曲線產生扭曲、混亂的感覺；橫線產生平靜、開闊的感覺；斜線產生迅速、壓迫的感覺。在遊戲中，線性主題的使用可以將場景氛圍烘托得更加明顯。

如圖所示，畫麵線性主題為斜線，一方麵帶給玩家緊張刺激的感受，另一方麵突顯出馮寶寶這一次攻擊的速度性和危險性。此時玩家的情緒已經被調動了起來，神經高度緊繃，注意力也集中在了馮寶寶身上，這就為下麵QTE環節的出現做出了鋪墊。

正如空間和線條有基本類型一樣，形狀也有幾種基本類型。這些基本形狀是：圓形、方形和等邊三角形。形狀在視覺空間裏會以平麵或者立體的方式出現，所以形狀可以分為二維和三維的。通過可見側麵可以準確推測出不可見側麵的形狀就是基本形狀。一個三角錐能透露出這一形狀被隱藏了的側麵，立方體也一樣。球體無論怎樣轉動，呈現在觀眾麵前的形狀總是相同的。

其他形狀，比如圓柱體和圓錐體很容易被誤認為是基本形狀。從下麵看時，圓柱體和圓錐體是一樣的，而且沒有任何線索可以表明他們哪一個會是尖頭的。這就使得他們無法成為基本形狀，因為其真正的形狀特征被隱藏起來了。

另一個使得其他形狀無法成為基本形狀的原因是，他們區別起來非常複雜，不像基本形狀的區別一目了然。就視覺方麵而言，從各種物體中找到他們微小形狀的區別實在是太難了。比如，三棱錐和四棱錐的區別對於觀眾來說是無法輕易看出來的，而圓形、方形和三角形在視覺方麵區別明顯，且在觀眾的認知範圍內。隻有簡單化，才能把形狀中的複雜視覺元素結構化。

三、形狀

3.1 基本形狀的識別

真實世界中充斥著成千上萬種物體，每種物體都有著獨一無二的形狀。物體的基本形狀都可以通過將它簡化為輪廓來得到，無論看起來多麼特殊，都可以被歸在三個基本形狀：圓形、方形和三角形中。與線性主題類似，形狀與情緒也有對應關係。圓形常被描述為委婉的、被動的、浪漫的、柔軟的、自然的；方形則是直接的、工業化的、有序的、成熟的、僵硬的；三角形則是冒險的、激進的、動感的、憤怒的、嚇人的、混亂的。當然，這些情緒的聯想並非一成不變的，隻是描述大部分人的感受。

如圖所示，第一輛汽車的形狀可歸為圓形，圓形是基本形狀中給最為溫和的一種，沒有任何起落和邊角，也沒有方向，本身也不具備視覺動感，所以第一輛汽車會給人可愛的感覺。中間的車形狀為方形，看起來就沒圓形溫和，但是給人以堅固穩定的感覺。第三輛是三角形，也是最具動感的，同時也會給人一種攻擊性和危險性的感覺。

3.2 總結

形狀在遊戲中常用來塑造角色和技能，好的角色設計會讓人在看到的第一眼就知道這個角色的攻擊方式和特點，其中一部分就是通過形狀來塑造的。

如圖所示，守望先鋒裏部分角色形象的設計就運用了形狀原理，比如路霸、大錘、堡壘的基礎形狀是方形，給人以穩定可靠的感覺，因此角色在團隊中就是充當坦克的功能，血高防厚，負責在前線保護隊友；而源氏的基礎形狀是三角形，給人以迅速、靈巧、危險的感覺，那麼在遊戲中源氏就是類似刺客的功能，突進戰場收割殘血然後迅速脫出，讓敵人反應不過來。

形狀的功能在電影、動畫、遊戲中都有廣泛用到，通過形狀的情緒特征潛移默化的影響著觀眾的心理感受，從而讓觀眾產生一定的預期或者熟悉感。

來源：騰訊GWB遊戲無界

作者： Mango