如何打造MOBA類“重口味”網(wǎng)頁(yè)氛圍

自1960年代美國(guó)校園刮起一片游戲颶風(fēng)之后，各類游戲席卷世界，在那個(gè)手游還沒(méi)有今天這般成熟的時(shí)代，游戲界可謂是被各種重度游戲霸占，2009年，一款WAR3地圖編輯器的產(chǎn)物DOTA，紅的發(fā)紫，大街小巷無(wú)人不玩，到今天全民LOL的時(shí)代，MOBA類游戲（MOBA：Multiplayer Online Battle Arena Games 的簡(jiǎn)寫(xiě)，意為多人moba聯(lián)機(jī)在線競(jìng)技游戲。一般都會(huì)以MOBA GAMES一起書(shū)寫(xiě)

）已經(jīng)伴隨了我們六年。那么，在游戲視覺(jué)設(shè)計(jì)的時(shí)候，如何營(yíng)造"重口味"技氛圍，今天咱們來(lái)討論一下。

首先聊聊素材

所謂素材，分兩種：

一、給力的高質(zhì)量素材

二、不給力的粗糙素材

如果你擁有高質(zhì)量的素材，那么恭喜你，這類素材猶如傾國(guó)傾城的絕世美人，你只用配以華麗的服飾，稍作修飾，氛圍就會(huì)好到爆棚，素材本身不需要過(guò)多修飾，你需要做的只是配上好的標(biāo)題設(shè)計(jì)以及漂亮的板式，其他的交給素材本身，本身的華麗能讓專題自然升華到史詩(shī)級(jí)別。如下圖，素材本身已經(jīng)非常細(xì)膩，作者對(duì)素材進(jìn)行取舍，合理安排畫(huà)面，素材本身的完美已經(jīng)讓專題變得華麗，但是，作者本身超神的主視覺(jué)設(shè)計(jì)，合理的板式，才是成功的關(guān)鍵。

其實(shí)在設(shè)計(jì)生活中，可能不是每次運(yùn)氣都那么好，遇到史詩(shī)級(jí)素材，有時(shí)需要用到指定的素材，有些素材又過(guò)于老舊(LOL發(fā)展到今天，許多史詩(shī)級(jí)的素材，但是在游戲發(fā)展的前期，素材還是比較糟糕的)下面來(lái)介紹一下，當(dāng)需求必須是指定的比較普通的素材，但是又要求要史詩(shī)級(jí)的效果，該如何處理。

下面是兩組SMITE模型素材(人物比較多，就不一一例舉)，對(duì)比前面的素材，沒(méi)有動(dòng)作，人物比較僵硬，沒(méi)有原畫(huà)那么細(xì)膩，雖然模型還不錯(cuò)，但是細(xì)節(jié)遠(yuǎn)不及原畫(huà)的效果。這次的需求是 世界總決賽第一期 專題，作為一次世界級(jí)的競(jìng)技比賽，所以視覺(jué)要求也比較高，那么我們?cè)撊绾稳胧帜兀紫?，世界總決賽既然分為兩期，大概思路就是第一期既要區(qū)別于第二期，又要在同一個(gè)基調(diào)里，那么，兩期我準(zhǔn)備第一期做成決戰(zhàn)前夕，群雄聚集的感覺(jué)，第二期再做成激戰(zhàn)的畫(huà)面。想好了大致思路，接下來(lái)就要營(yíng)造畫(huà)面了。

如果人物既然細(xì)節(jié)不是太好，就采用縮小，單色的處理方案，規(guī)避細(xì)節(jié)不完美的缺陷，降低飽和度，提高對(duì)比度，能有效提高質(zhì)感。合理擺放英雄位置，從中間LOGO為中心往外發(fā)散的構(gòu)圖，將視覺(jué)在總決賽的LOGO上，規(guī)避不好的位置，將視覺(jué)集中在成功的地方，這樣一來(lái)，不那么完美的素材也能呈現(xiàn)出不錯(cuò)的效果。

接下來(lái)為大家介紹兩款重口味氛圍營(yíng)造的大殺器

一、光(神說(shuō)要有光，那么就有了光，在MOBA類專題氣氛營(yíng)造上，光線是非常好用的工具，下面給大家舉幾個(gè)例子)

第①種標(biāo)題大亮光，在不影響字體識(shí)別的情況下，采用強(qiáng)烈的光芒，可使視覺(jué)更加集中

第②種根據(jù)結(jié)構(gòu)走勢(shì)的細(xì)膩發(fā)光，合理在結(jié)構(gòu)上加上光效，可使主視覺(jué)更加絢麗，氣氛加分自己設(shè)定主光源，然后畫(huà)面根據(jù)光源將環(huán)境色和高光反光都表現(xiàn)到位，氣氛融合，大背光剪影也是一種表達(dá)神秘氣氛的手段，總之，熟練運(yùn)用光線，是營(yíng)造氣氛的利器。

二、漂浮物(碎石，玻璃渣，飄帶，等等等等)

漂浮物可以是很多形式出現(xiàn)，它的作用只有一個(gè)---畫(huà)龍點(diǎn)睛，試想一下，一個(gè)激烈的戰(zhàn)場(chǎng)上，如果沒(méi)有飛沙走石，沒(méi)有這些細(xì)節(jié)，畫(huà)面生動(dòng)和氣氛上就會(huì)大打折扣，合理分布漂浮物，在畫(huà)面上形成隨機(jī)感，能給氣氛加分不少，可以說(shuō)是必不可少的元素。

最后我們來(lái)聊聊畫(huà)面元素的層級(jí)關(guān)系

作者強(qiáng)大的素材處理能力不得不令在下折服，畫(huà)面出現(xiàn)多個(gè)人物集中，卻顯得有條不紊，絲毫沒(méi)有混亂，那么我們?cè)撊绾巫龅竭@一點(diǎn)呢，需要注意畫(huà)面素材的層級(jí)。

對(duì)比下兩張圖，第二張的鱷魚(yú)手部加上模糊使手部位居畫(huà)面后面，一點(diǎn)小細(xì)節(jié)使畫(huà)面層次拉開(kāi)，這里只舉例這一處，上面的作品多次運(yùn)用了這一手法，加上人物之間的陰影，使畫(huà)面豐富而不凌亂，彰顯大神本色。畫(huà)面層級(jí)應(yīng)該是標(biāo)題(這個(gè)大家都知道)> 人物(多人物注意區(qū)別，以及各部分的關(guān)系)> 背景

好吧，今天就給大家聊這么多，其實(shí)畫(huà)面氛圍的營(yíng)造方法千千萬(wàn)，遠(yuǎn)遠(yuǎn)不只上面介紹的幾種，其實(shí)萬(wàn)變不離其中，就是細(xì)節(jié)，細(xì)節(jié)都處理好了，整個(gè)氣氛營(yíng)造就自然成功了，細(xì)節(jié)決定成敗，本文中只是總結(jié)一些平時(shí)容易用到的簡(jiǎn)單方法，其中很多引用亞洲首席jasonshuai的作品，在此感謝。最后，希望我們能在設(shè)計(jì)這條不歸路上，越走越遠(yuǎn)，越走越強(qiáng)大。