設(shè)計實戰(zhàn)！為扁平風(fēng)的移動端賽車游戲定制插畫

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

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

任務(wù)

為移動端賽車游戲進行平面設(shè)計。

預(yù)處理流程

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

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

所以，這個平面設(shè)計的項目當(dāng)中，涵蓋了下面的部分：

• 汽車插畫
• 特效
• 障礙插畫
• 武器圖標(biāo)

經(jīng)過團隊的頭腦風(fēng)暴并且和客戶討論過后，整個創(chuàng)意設(shè)計的過程就開始了。

汽車插畫

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

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

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

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

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

特效

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

所以，當(dāng)玩家開始啟用氮氣加速的時候，設(shè)計師讓車錢出現(xiàn)藍色的特效，以示功能的啟用。

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

障礙

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

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

武器

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

設(shè)計師的任務(wù)是設(shè)計出小而易于辨認(rèn)的標(biāo)識，確保用戶能夠理解他們所使用的武器是哪種。

結(jié)語

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

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

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

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

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

設(shè)計導(dǎo)航：國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航，設(shè)計師必備： http://hao.uisdc.com