行動端賽車遊戲定製插畫

競速類遊戲是諸多遊戲類型當中,最為刺激的類型之一。

即使是在小螢幕上,極限的速度同樣吸引著大批無法置身真實賽道的玩家投身其中。

賽車遊戲所帶來的極限體驗和其他類型的遊戲完全不同,這也使得它足以成為一個完全獨立的遊戲類型。

當然,即使是在賽車遊戲這個大類當中,不同的品類也是非常之多的。不同的玩法,不同的樣式使得玩家可以按照自己的喜好來選擇遊戲。

不過,不論是哪種賽車遊戲,真實而貼合實際的賽車設計總是少不了的。這次,Tubik 的設計師接到一個設計需求,是為一款名為 Real Multiplayer Racing 的行動端賽車遊戲進行原創的賽車設計。

接下來,是這次設計實戰的具體情況。

任務

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

預處理流程

Tubik 團隊接到需求的時候,客戶不僅要求要針對介面進行設計,而且還要進行大量的原創賽車外觀設計。為了更好實現這個項目,我們分配了兩個不同專業的設計來執行。

其中,負責平面設計的是設計師 Arthur Avakyan,也許你在之前的許多設計實戰案例當中見到過這個名字。他曾經負責過包括 Binned、AppShack、Passfold、Saily和SwiftyBeaver 在內的多個應用的設計。

作為一個賽車遊戲,客戶希望其中包含一些原創的設計元素。

作為賽車愛好者,客戶希望我們設計出詳細的汽車插畫,以便遊戲能夠營造出對的氛圍。另外,客戶還希望遊戲足夠正面、明亮且擁有卡通風格。

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

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

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

汽車插畫

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

扁平化的插畫風格更加貼合客戶的需求,因此設計師使用更為簡單的形狀和視覺元素來構建插畫。

插畫的設計提供了足夠成熟和細緻的細節,這使得它能夠滿足用戶在審美上的需求。

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

有些車輛的設計需要設計師非常注意一些小細節。運動版的汽車,超級跑車,應該在用戶獲得了足夠多的經驗之後再解鎖。

這些車比基礎款的更加強大,而它們的展示也需要更加驚艷炫酷。

因此設計師為一些車型添加了一些定製化的細節,比如火焰和骷髏的花紋。這些細節為這些插畫帶來了正確的感覺。

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

特效

當設計師完成主要的車輛插畫的工作之後,開始製作額外的定製的細節。和許多同類的其他的賽車遊戲一樣,Real Multiplayer Racing 還擁有一系列額外的功能讓整個遊戲更加有趣。

玩過這類遊戲的玩家可能知道,賽車的時候,可以通過氮氣加速。在許多桌面遊戲當中,可以提供各種各樣的快速操作,但是在行動端設備上,這樣的操作可能沒辦法太複雜,而且視覺上一定要足夠明顯。

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

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

障礙

障礙是賽車競速遊戲中最常見的元素,賽道中的障礙讓整個遊戲的遊戲性更強,讓玩家更好娛樂。

障礙通常會因為位置和環境而不盡相同,許多多人賽車遊戲當中,障礙會基於當前環境而隨機生成,比如泥土,石頭等。當然,路上還會遇到諸如金幣或者道具等其他的東西。

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

武器

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

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

結語

高效的平面設計確實能夠在手機遊戲中起到至關重要的作用。原創的扁平風插畫讓整個手機遊戲的視覺體驗非常突出地呈現出來。

在接下來,我們的設計師還會繼續參與這款遊戲的 UI 和 UX 設計,屆時會有專門的文章對它進行分析和介紹。


 

【想讓你的網站其他人優秀嗎?這些設計趨勢一個都不要錯過!】

1.9種讓你的網頁很專業
2.預測2018網頁設計趨勢
3.2018年手機應用UI設計趨勢
4.這3個設計趨勢是網頁設計師的最愛
5.2018必看設計懶人包手冊
6.高手進擊懶人包影片-設計師與開發者推薦的精選影片


 

以下幾點請你深思一下

給你最好的網頁設計Gogoshark|鯊魚邦不私藏分享

 


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化