《最強蝸牛》內(nèi)測版美術(shù)風(fēng)格“初體驗”
《最強蝸?！肥恰恫凰甲h迷宮》團隊新推出的放置類冒險游戲，這不由得讓人對它有很多期待。所以今天就和大家來一同探討一下這款游戲風(fēng)格，大家接著往下看吧～
（本文共2650字，閱讀完約為5分鐘）
在探討風(fēng)格之前，
我們先來了解下游戲的故事背景
2120年，地球遭受未知能量攻擊，所有城市化為焦土，世界文明瀕臨滅亡，世界上99%的物種滅絕，僅存少量低等生物茍延殘喘。在游戲中，玩家將扮演一只蝸牛，從100年后的末日穿越回到現(xiàn)代，通過進化、變異等手段，一路過關(guān)斬將，打敗邪神最終拯救地球。
其實光影也能夠應(yīng)用于游戲的界面設(shè)計中。
下面給大家介紹幾種光影應(yīng)用技巧：
Part.1?美術(shù)風(fēng)格
《最強蝸?！愤@款游戲的美術(shù)風(fēng)格用的是飽和度比較低的手繪插畫風(fēng)格，偏惡搞方向，這的確和前段時間流行的《動物森友會》的可愛Q萌的風(fēng)格形成了鮮明對比。
《最強蝸?！返拿佬g(shù)風(fēng)格無疑來說是“特別”的，但這個“特別”就是一把雙刃劍，用好了會對大家對這款游戲的記憶度和辨識度加分，但稍不留神，這個風(fēng)格就容易在比較復(fù)雜的畫面中顯得比較花。所以在這里會把美術(shù)風(fēng)格一分為二來看。
1.風(fēng)格統(tǒng)一，調(diào)性明顯
魔性并且看了忘不掉?！蹲顝娢伵！氛w風(fēng)格用了描線扁平插圖風(fēng)格。這樣的風(fēng)格對于劇情表現(xiàn)會很好，讓大家更有代入感。這對于游戲劇情的推進是很有幫助的。
2.設(shè)計元素統(tǒng)一
很多控件和細節(jié)，都和蝸牛主題有關(guān)。我們之前在葉子學(xué)堂的課程中也有給大家講過，一個游戲從LOGO設(shè)計到控件、面板的設(shè)計都應(yīng)該有共同的元素來貫穿?！蹲顝娢伵！分芯瓦\用了大量和蝸牛有關(guān)的元素。比如LOADING設(shè)計，結(jié)合了蝸牛很慢的特性；加載中的小動畫也是。
這樣的好處是不斷加強游戲整體的品牌感，這些都是游戲中的辨識度。
3.場景化設(shè)計，讓人更有代入感
很多系統(tǒng)的框架都用了場景化設(shè)計，這樣可以避免單一的游戲界面展現(xiàn)，和每個系統(tǒng)的契合度更高。比如收集頁面，用的就是展示架的設(shè)計，另外大禮包的展示就是比較立體的展現(xiàn)形式，物體之間還有組合感。
不過抽獎這個界面，大概是因為風(fēng)格影響，感覺有點破舊，感覺后期可以優(yōu)化下。尤其是和氪金有關(guān)的界面。
美中不足需要優(yōu)化的幾個點：
1.標(biāo)題太密集
標(biāo)題的裝飾部分大過了標(biāo)題本身的辨識度。
導(dǎo)致縮小之后沒法看，不太適合拓展應(yīng)用。所以在這里建議把裝飾要素提煉出來，作為某個字體的筆畫替換，同時可以把蝸牛形象結(jié)合到LOGO設(shè)計中，提升《最強蝸?！返钠放菩蜗蟆?br/>
2.浮層頁面整體優(yōu)化
“完成生存訓(xùn)練”美術(shù)字用了彩虹色，有點顯得很“繽紛”。其實在這里的標(biāo)題建議沿用LOGO的黃色字體就好。另外現(xiàn)在感覺整個浮層頁面的內(nèi)容會有點散，會顯得較簡陋，缺一個能支撐起來的托底。同時獲得物品的背景光可以稍微做大一些，托住整個頁面，看上去會更整體一些。
3.魔性風(fēng)格注意表現(xiàn)“尺度”
現(xiàn)在這個劇情的畫面會讓人感覺“有點過”。
大概很多妹子玩家看到這里會容易被勸退...
希望官方能在這樣類似的頁面提升畫面觀賞舒適度，“適度玩?！?。
4.文字顏色
界面下方“形態(tài)能力”描述部分的文字顏色真的看不清，相信這不是美術(shù)同學(xué)所為。
但咱們UI同學(xué)們在和程序?qū)γ佬g(shù)還原效果的時候，一定要確保文字清晰可辨認。
不然這個鍋可落到了咱們身上哦～
5.某些構(gòu)圖缺主次
找了兩張都是《最強蝸牛》的構(gòu)圖來做對比。
咱們先看左側(cè)的圖：雖然是對稱構(gòu)圖，但是在豎構(gòu)圖界面如果想表現(xiàn)對抗的感覺，但現(xiàn)在缺乏主次，缺視覺中心；右邊這張構(gòu)圖會比左邊的構(gòu)圖好很多：首先運用了三角形構(gòu)圖，同時畫面上方有光線照著蝸牛主角，既突出了視覺中心，又讓整個畫面很穩(wěn)定。
6.框套感有點重
一般咱們在畫面里如果主面板是方形的話，需要做層次疊加，或者破框處理的步驟。
所以咱們看下面兩張截圖能看出，左邊這張是有問題的。首先這張圖背景是以裝裱的厚本子為主型，同時上面又分為3個方形二級面板底，主二級 面板底又帶了一個標(biāo)題框。這就是典型的我們之前希望大家避免出現(xiàn)的“框套框套框”的構(gòu)圖。
解決的辦法正好可以看右圖：右邊這張界面構(gòu)圖的處理辦法是用別針來作為裝飾，將主二級面板底和標(biāo)題框很好的銜接到了一起，“禮包獎勵”小標(biāo)題文字也是有一個頁簽托底，這樣很好的對畫面進行了“破框”處理。
其實最后整體來看，兩個頁面的主標(biāo)題框其實都可以優(yōu)化成其他的形式。
7.飽和度太低，閱讀困難
這是《最強蝸?！愤@套UI最明顯的問題。
飽和度太低，再加上這種描線的插畫風(fēng)格，很容易讓人找不到視覺中心，以及這個畫面里需要突出的交互部分。
找到了問題所在之后，用我們在課程里學(xué)過的的黑白灰檢查方法檢查層次問題，可以看出之前的層次會偏灰。
接著用PS的曲線工具把整體的黑白灰關(guān)系調(diào)整一下，在視覺中心處增加了主光源，上下不太重要的部分做了遮罩，突出了返回按鈕，這樣畫面就不像最開始那樣很散了。
Part.2 交互體驗
好的交互體驗是《最強蝸牛》做得比較好的部分，所以這里也順帶聊聊～
1.互動有趣，劇情代入感滿滿
劇情是層層推進的，對話形式也是自帶槽點 。配合著音樂，竟然有一絲懸疑的效果。（讓人想接著往下面玩兒～）玩到后面會發(fā)現(xiàn)，從始至終最強蝸牛都是用主線劇情來包裝的。
2.新手引導(dǎo)流暢
游戲流做的不錯。每個玩法層層遞進，并且關(guān)聯(lián)緊密。很好的運用了提示文字指引玩家繼續(xù)出發(fā)。
每部分玩法逐一出現(xiàn)。頁面下方新增的指南針圖標(biāo)，和蝸牛圖標(biāo)都是上面的快遞盒里蹦出來的。點開地圖按鈕一看，原來是個“探索情報”入口。
3.交互簡化，操作方便
游戲中把更多的部分留給了玩家體驗劇情，甚至把很多梗留給了探索玩法。所以從交互上我們可以看到，UI上其實簡化了很多復(fù)雜交互，把很多需要復(fù)雜戰(zhàn)斗的部分都轉(zhuǎn)化成了掛機模式，這大大提升了玩家在移動場景體驗游戲的樂趣。
骨頭老師為大家復(fù)盤一下今日份知識點噢～
美術(shù)風(fēng)格部分，做的好的點是：
調(diào)性統(tǒng)一，風(fēng)格明顯
設(shè)計元素統(tǒng)一
場景化UI設(shè)計，會讓人更有代入感
美中不足的是：
? ?1. ?標(biāo)題太密集
? ?2. ?浮層頁面整體優(yōu)化
? ?3. ?魔性風(fēng)格注意表現(xiàn)“尺度”
? ?4. ?文字顏色
? ?5. ?某些構(gòu)圖缺主次
? ?6. ?套框感有點重
? ?7. ?飽和度太低，閱讀困難。
交互體驗是做的比較好的部分：
? ?1. ?互動有趣，劇情代入感滿滿
? ?2. ?新手引導(dǎo)流暢
? ?3. ?交互簡化，操作方便
咳咳～
說到了這里，
畢竟《最強蝸?！纷叩囊膊皇敲佬吐肪€，
但至少通過魔性沙雕的風(fēng)格出圈了。
或許這個時代，被人記住更重要。
但好的玩法和好的運營才能走得更長遠。
希望各位大家都能對線上流行的游戲風(fēng)格進行體驗，
并且分享自己的感受和體會～
你覺得《最強蝸?！愤@款游戲的美術(shù)風(fēng)格如何？
歡迎在評論區(qū)留言，
以及參與我們的互動哦～
