別只顧著畫畫：揭秘電子游戲里像素藝術(shù)的“溝通邏輯”

嘿，大家好！我是 Adam。

今天我想和大家聊聊一個(gè)很有趣的話題：“單純的像素藝術(shù)”和“為了游戲而創(chuàng)作的像素藝術(shù)”到底有什么區(qū)別？

很多人覺得像素畫就是把圖片縮小、顏色變少。但如果你是在做一個(gè)游戲，你會發(fā)現(xiàn)，“好看”只是及格線，“能讓玩家看懂”才是真正的必殺技。

1. 游戲藝術(shù)其實(shí)是一種“溝通工具”

大家可以把游戲屏幕想象成一個(gè)交通路牌。路牌存在的意義不是為了讓你覺得它顏色漂亮，而是為了讓你一眼看出哪里可以左轉(zhuǎn)，哪里是死胡同。

在游戲里，每一個(gè)像素的出現(xiàn)，都承擔(dān)著向玩家“傳遞信息”的任務(wù)。比如：

• 重復(fù)利用的魔法：在老游戲里，資源很寶貴。為了節(jié)省內(nèi)存，我們會像拼積木一樣重復(fù)利用素材。如果你畫了一個(gè)視角非常寫實(shí)的帳篷，換個(gè)位置可能就不能用了；但如果你把它畫成固定視角的樣式，它就可以像復(fù)印件一樣鋪滿整個(gè)營地。

在普通的繪畫里，你可以畫得很有深度。但在像素游戲里，我們的視角通常是**“鎖死”**的。

• 橫版視角：就像透過螞蟻工坊看螞蟻爬行。

• 等距視角（Isometric）：就像從斜上方俯瞰棋盤。

之所以這樣做，是因?yàn)槲覀冃枰谕婕乙苿隅R頭時(shí)，背景和角色能像貼紙一樣完美對齊，而不是產(chǎn)生混亂的形變。

3. “抖動”技術(shù)：騙過你眼睛的“調(diào)色板”

專業(yè)詞匯叫Dithering（抖動）。

• 類比解釋：想象你只有一罐紅油漆和一罐白油漆，但你想畫出一片粉紅色的墻。怎么辦？你可以像下象棋的棋盤一樣，一格紅一格白交替著涂。當(dāng)你退后幾步看，你的大腦就會自動把這兩種顏色“攪勻”，覺得那是一片粉紅色。

在顏色受限的游戲開發(fā)中，這就是我們制造平滑過渡效果的“障眼法”。

4. 易讀性：別讓你的主角“隱身”了

這是游戲開發(fā)中最重要的一點(diǎn)。

如果主角的顏色和背景太像，玩家玩的時(shí)候眼睛會很累，就像在深夜里找一只黑貓。

• 對比度（Contrast）：最好的例子就是《Pong》（乒乓球游戲）。黑色的背景，白色的方塊。你一眼就能看到球在哪里。如果我把對比度調(diào)低，你的眼睛就會像對焦不準(zhǔn)的相機(jī)一樣，不斷地在尋找目標(biāo)，看一會兒就會流眼淚。

• 描邊（Outline）：這是我們最常用的黑科技。

• 類比解釋：想象你把一個(gè)紙貼畫貼在花花綠綠的背景板上，如果你在貼畫邊緣用粗黑筆畫一圈線，不管背景怎么換，這個(gè)貼畫永遠(yuǎn)都會跳出來。

• 在《馬力歐》系列里，后期的版本就加入了明顯的描邊。哪怕馬力歐跑進(jìn)光線刺眼的雪地，或者陰暗的森林，那一圈黑邊就像保鏢一樣，始終保護(hù)著主角不被背景“吞掉”。

有些優(yōu)秀的像素游戲會把特定的顏色賦予特定的含義。

• 類比解釋：這就像紅綠燈。你看到紅色就知道該停，看到綠色就知道該走。

• 《Cuphead》（茶杯頭），規(guī)定了粉紅色就是可以用來“反彈跳”的。玩家只要看到粉色，腦子里就會自動跳過“這是什么”的思考階段，直接反應(yīng)出“我要跳它”。

做游戲像素畫，不僅僅是在畫布上點(diǎn)格子。

你是在通過像素和玩家玩一場“心領(lǐng)神會”的游戲。

你得學(xué)會利用高對比度來抓住玩家的注意力，利用描邊來隔離干擾，利用顏色暗示來簡化玩家的大腦負(fù)擔(dān)。當(dāng)你的畫面能讓玩家“不動腦子”也能玩得爽時(shí)，你的設(shè)計(jì)就成功了！

[AdamCYounis][1]

參考資料

AdamCYounis：

http://www.youtube.com/watch?v=1yB3qQf391U