競速類游戲是諸多游戲類型當中，最為刺激的類型之一。即使是在小屏幕上，極限的速度同樣吸引著大批無法置身真實賽道的玩家投身其中。賽車游戲所帶來的極限體驗和其他類型的游戲完全不同，這也使得它足以成為一個完全獨立的游戲類型。

當然，即使是在賽車游戲這個大類當中，不同的品類也是非常之多的。不同的玩法，不同的樣式使得玩家可以按照自己的喜好來選擇游戲。不過，不論是哪種賽車游戲，真實而貼合實際的賽車設計總是少不了的。這次，Tubik 的設計師接到一個設計需求，是為一款名為 Real Multiplayer Racing 的移動端賽車游戲進行原創的賽車設計。接下來，是這次設計實戰的具體情況。

任務

為移動端賽車游戲進行平面設計。

預處理流程

Tubik 團隊接到需求的時候，客戶不僅要求要針對界面進行設計，而且還要進行大量的原創賽車外觀設計。為了更好實現這個項目，我們分配了兩個不同專業的設計來執行。其中，負責平面設計的是設計師 Arthur Avakyan，也許你在之前的許多設計實戰案例當中見到過這個名字。他曾經負責過包括 Binned、AppShack、Passfold、Saily和SwiftyBeaver 在內的多個應用的設計。

作為一個賽車游戲，客戶希望其中包含一些原創的設計元素。作為賽車愛好者，客戶希望我們設計出詳細的汽車插畫，以便游戲能夠營造出對的氛圍。另外，客戶還希望游戲足夠正面、明亮且擁有卡通風格。

所以，這個平面設計的項目當中，涵蓋了下面的部分：

• 汽車插畫
• 特效
• 障礙插畫
• 武器圖標

經過團隊的頭腦風暴并且和客戶討論過后，整個創意設計的過程就開始了。

汽車插畫

假定游戲中會提供從基本款到超跑各種各樣的汽車，因此設計師在動手開始創作之前，先做了足夠多的調研，對真實的汽車設計有了相對完整的了解，熟悉不同車輛的最重要的特征，然后著手開始進行圖形化的創作。

扁平化的插畫風格更加貼合客戶的需求，因此設計師使用更為簡單的形狀和視覺元素來構建插畫。插畫的設計提供了足夠成熟和細致的細節，這使得它能夠滿足用戶在審美上的需求。

正如同你所看到的，設計師采用了相對鮮艷的配色方案，讓汽車顯得更為卡通。微妙的漸變讓整個插畫顯得生動而對比鮮明。

有些車輛的設計需要設計師非常注意一些小細節。運動版的汽車，超級跑車，應該在用戶獲得了足夠多的經驗之后再解鎖。這些車比基礎款的更加強大，而它們的展示也需要更加驚艷炫酷。因此設計師為一些車型添加了一些定制化的細節，比如火焰和骷髏的花紋。這些細節為這些插畫帶來了正確的感覺。

賽車和超級跑車并不容易獲得，只有經驗豐富的玩家能夠獲得它們，它們不止是性能上更優秀，而且在整個外觀體驗上也截然不同。雖然風格并不寫實，但是它們和原型車高度相似。

特效

當設計師完成主要的車輛插畫的工作之后，開始制作額外的定制的細節。和許多同類的其他的賽車游戲一樣，Real Multiplayer Racing 還擁有一系列額外的功能讓整個游戲更加有趣。玩過這類游戲的玩家可能知道，賽車的時候，可以通過氮氣加速。在許多桌面游戲當中，可以提供各種各樣的快捷操作，但是在移動端設備上，這樣的操作可能沒辦法太復雜，而且視覺上一定要足夠明顯。

所以，當玩家開始啟用氮氣加速的時候，設計師讓車錢出現藍色的特效，以示功能的啟用。

除此之外，開發商還為汽車提供了一定程度的保護功能，在一個時間段內確保車輛免受傷害。為了區別于之前的氮氣加速的效果，設計師采用了紅色和紫色來呈現特效。如上圖所示，左邊是氮氣加速的特效，右邊是保護罩特效。

障礙

障礙是賽車競速游戲中最常見的元素，賽道中的障礙讓整個游戲的游戲性更強，讓玩家更好娛樂。障礙通常會因為位置和環境而不盡相同，許多多人賽車游戲當中，障礙會基于當前環境而隨機生成，比如泥土，石頭等。當然，路上還會遇到諸如金幣或者道具等其他的東西。

當然，玩家還得避開前面道路上的其他的非競賽車輛，它們看起來就是普通的貨車或者轎車。通常，這些作為障礙的元素會使用冷色來展示，這樣在整個界面中會顯得更加顯眼。

武器

Real Multiplayer Racing 中最有趣的特征之一，是能夠使用武器，包括前面所說的氮氣加速和保護罩，玩家還能使用火箭彈來破壞對手的車輛，或者使用道具加速或者減速。

設計師的任務是設計出小而易于辨認的標識，確保用戶能夠理解他們所使用的武器是哪種。

結語

高效的平面設計確實能夠在手機游戲中起到至關重要的作用。原創的扁平風插畫讓整個手機游戲的視覺體驗非常突出地呈現出來。在接下來，我們的設計師還會繼續參與這款游戲的 UI 和 UX 設計，屆時會有專門的文章對它進行分析和介紹。

「2018年設計趨勢，一個都不要錯過」

• 《2018年，這10個LOGO設計趨勢值得你關注》
• 《超全面總結！2017年UI設計領域流行過這21個設計趨勢》
• 《掌握這12個移動端UX設計趨勢，你就掌控了2018年》
• 《這款獨特的紫色，是為你指引2018年設計方向的年度潘通色》

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com