火星網校
【設計實戰】扁平風的移動端賽車遊戲定製插畫
發布時間：2018-11-17 19:57:24
競速類遊戲是諸多遊戲類型當中，最為刺激的類型之一。即使是在小屏幕上，極限的速度同樣吸引著大批無法置身真實賽道的玩家投身其中。賽車遊戲所帶來的極限體驗和其他類型的遊戲完全不同，這也使得它足以成為一個完全獨立的遊戲類型。
當然，即使是在賽車遊戲這個大類當中，不同的品類也是非常之多的。不同的玩法，不同的樣式使得玩家可以按照自己的喜好來選擇遊戲。不過，不論是哪種賽車遊戲，真實而貼合實際的賽車設計總是少不了的。這次，Tubik的設計師接到一個設計需求，是為一款名為Real Multiplayer Racing的移動端賽車遊戲進行原創的賽車設計。接下來，是這次設計實戰的具體情況。
【任務】
為移動端賽車遊戲進行平麵設計。
【預處理流程】
Tubik團隊接到需求的時候，客戶不僅要求要針對界麵進行設計，而且還要進行大量的原創賽車外觀設計。為了更好實現這個項目，我們分配了兩個不同專業的設計來執行。其中，負責平麵設計的是設計師Arthur Avakyan，也許你在之前的許多設計實戰案例當中見到過這個名字。他曾經負責過包括Binned、AppShack、Passfold、Saily和SwiftyBeaver在內的多個應用的設計。
作為一個賽車遊戲，客戶希望其中包含一些原創的設計元素。作為賽車愛好者，客戶希望我們設計出詳細的汽車插畫，以便遊戲能夠營造出對的氛圍。另外，客戶還希望遊戲足夠正麵、明亮且擁有卡通風格。
所以，這個平麵設計的項目當中，涵蓋了下麵的部分：
●汽車插畫
●特效
●障礙插畫
●武器圖標
經過團隊的頭腦風暴並且和客戶討論過後，整個創意設計的過程就開始了。
【汽車插畫】
假定遊戲中會提供從基本款到超跑各種各樣的汽車，因此設計師在動手開始創作之前，先做了足夠多的調研，對真實的汽車設計有了相對完整的了解，熟悉不同車輛的最重要的特征，然後著手開始進行圖形化的創作。
扁平化的插畫風格更加貼合客戶的需求，因此設計師使用更為簡單的形狀和視覺元素來構建插畫。插畫的設計提供了足夠成熟和細致的細節，這使得它能夠滿足用戶在審美上的需求。
正如同你所看到的，設計師采用了相對鮮豔的配色方案，讓汽車顯得更為卡通。微妙的漸變讓整個插畫顯得生動而對比鮮明。
有些車輛的設計需要設計師非常注意一些小細節。運動版的汽車，超級跑車，應該在用戶獲得了足夠多的經驗之後再解鎖。這些車比基礎款的更加強大，而它們的展示也需要更加驚豔炫酷。因此設計師為一些車型添加了一些定製化的細節，比如火焰和骷髏的花紋。這些細節為這些插畫帶來了正確的感覺。
賽車和超級跑車並不容易獲得，隻有經驗豐富的玩家能夠獲得它們，它們不止是性能上更優秀，而且在整個外觀體驗上也截然不同。雖然風格並不寫實，但是它們和原型車高度相似。
【特效】
當設計師完成主要的車輛插畫的工作之後，開始製作額外的定製的細節。和許多同類的其他的賽車遊戲一樣，Real Multiplayer Racing還擁有一係列額外的功能讓整個遊戲更加有趣。玩過這類遊戲的玩家可能知道，賽車的時候，可以通過氮氣加速。在許多桌麵遊戲當中，可以提供各種各樣的快捷操作，但是在移動端設備上，這樣的操作可能沒辦法太複雜，而且視覺上一定要足夠明顯。
所以，當玩家開始啟用氮氣加速的時候，設計師讓車錢出現藍色的特效，以示功能的啟用。
除此之外，開發商還為汽車提供了一定程度的保護功能，在一個時間段內確保車輛免受傷害。為了區別於之前的氮氣加速的效果，設計師采用了紅色和紫色來呈現特效。如上圖所示，左邊是氮氣加速的特效，右邊是保護罩特效。
【障礙】
障礙是賽車競速遊戲中最常見的元素，賽道中的障礙讓整個遊戲的遊戲性更強，讓玩家更好娛樂。障礙通常會因為位置和環境而不盡相同，許多多人賽車遊戲當中，障礙會基於當前環境而隨機生成，比如泥土，石頭等。當然，路上還會遇到諸如金幣或者道具等其他的東西。
當然，玩家還得避開前麵道路上的其他的非競賽車輛，它們看起來就是普通的貨車或者轎車。通常，這些作為障礙的元素會使用冷色來展示，這樣在整個界麵中會顯得更加顯眼。
【武器】
Real Multiplayer Racing中最有趣的特征之一，是能夠使用武器，包括前麵所說的氮氣加速和保護罩，玩家還能使用火箭彈來破壞對手的車輛，或者使用道具加速或者減速。
設計師的任務是設計出小而易於辨認的標識，確保用戶能夠理解他們所使用的武器是哪種。
【結語】
高效的平麵設計確實能夠在手機遊戲中起到至關重要的作用。原創的扁平風插畫讓整個手機遊戲的視覺體驗非常突出地呈現出來。在接下來，我們的設計師還會繼續參與這款遊戲的UI和UX設計，屆時會有專門的文章對它進行分析和介紹。
本文轉載於：優設網，原作者：Tubik Studio，原文地址：https://tubikstudio.com/case-study-real-racing-graphic-design-for-mobile-game/
分享
下一篇 【原創教程】《闖》繪製解析
华体会hth体育网
賞析
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
本文章主要介紹了Blender軟件基礎課程的內容，包括Blender軟件的基本功能、操作方法等，適合初學者學習。
-
本文介紹各大知名3D建模學校在全球的分布情況，讓你快速了解3D建模的學習機構，發掘科技力量，尋找適合自己的學習道路。最後，介紹......
-
火星時代教育的3D動畫角色建模培訓課程覆蓋了建模的基礎知識和操作技巧，幫助你掌握專業的3D角色建模技術和理念，為你投身動畫行業......
-
想要了解UE4培訓課程價格嗎？本文為您詳細解析UE4培訓價格、課程內容等重要信息，快來看看吧！
-
專業的CG插畫設計培訓學校哪家好？這篇文章將為你介紹火星時代教育，作為一家長期專門教授CG插畫設計的領導機構，幫助學生提升專業......
-
AE影視後期特效培訓，幫助您實現影視特效夢想，火星時代教育專業培訓，教您從零開始，直通專業影視後期特效製作現場。
