方格精選

探討【Antivine蔓不生長】的色彩設計

更新於 發佈於 閱讀時間約 5 分鐘

人是視覺動物,藉由感官體驗引發身心內在的變化,想藉由顏色與情緒的關係來呈現遊戲中,不同階段的色彩,我們參考了風之旅人以人生為題,用不同的色彩變化表示人生不同階段的獨特體驗,將這段體驗應用在遊戲中,造就在旅途的過程,每個章節的顏色有了不同的意義與心境。

設計發展

『Antivine蔓不生長』這個遊戲分為六個章節,在最為初始的設計上,我們先從遊戲類型去下手,以這遊戲類型是什麼顏色為居多,帶給我們什麼樣的感覺,而這個感覺是否符合遊戲類型。像是Lara Croft Go的遊戲色彩,非常簡單也能感受到在遺跡中探險的感覺,以現實來說也很有帶入感,因此成為我們的參考之一。

第一章作為開始的章節,我們使用一般的森林常見的色彩,有綠色、藍綠色、藍色等等的顏色,也代表著是以平靜與平常的心境出發,並使用了色彩的比例去做總體色調與強調色的設計。

在做色彩設計的調查時有看到一句話我覺得很不錯,「美術風格往往可以反映出遊戲的題材,反之,遊戲題材卻不能絕對限制美術風格。」很明確地表達了遊戲本身可以用任何美術風格去表現,而美術風格可以讓玩家一看就覺得是什麼樣的遊戲,回到主題,色彩比例我們以70/25/5的方式來規劃,也事先調好色彩,以漸層的方式來豐富色彩的使用。

同時也會配合故事,挑選相應的顏色,搭配在其中,使得在玩遊戲的過程,有更完善的遊戲體驗。

raw-image

設計考量

遊戲的每個章節都會與氣候有關,我們最首要的考量是,「顏色與情緒有關」,因此我們色彩的規劃重點,情緒是最主要的,次要的是環境,最後是氣候,環境指的是角色當下所處的環境,假設是雨林的話,潮濕下雨的天氣配上雨林的環境,再加上角色黯然神傷的情緒,整體的感覺就非常完整,也可以極大的傳達給玩家當下在此章遊玩的情緒是什麼,是因為哪些情境造就了這樣的情緒。

再來色彩的部分,我們會選擇幾個關鍵字做為指標,當色彩配到畫面上時,再回頭檢視這些關鍵字是否符合感受,下圖為某個階段的關鍵字色彩測試。

raw-image

我們也會上網查詢符合感受的畫面,任何圖片都可以,然後丟到顏色分析的網站,去解析出最主要用了哪些顏色,這邊推薦幾個網站,是蠻好用的工具。

1. coolors
2. Adobe Color
3. Canva

如此一來,就可以挑選比較多次出現的顏色作為選擇,縮小選擇範圍,最後選出符合的色彩。

接下來是比較細節的部份,因為有些章節內的關卡色彩都不相同,所以在縮小範圍後需要到Unity裡面去做測試,看是否符合,因為也有搭配postprocessing的使用,因此會更注意顏色上的色彩變化,會有一些參數調整的部分。

raw-image

除了注意顏色是否符合感受,也要看關卡之間的顏色是否連貫,從而決定最終使用的色彩是哪些,先前上面有提到關鍵字指標,我們在每個關卡內也有關鍵字指標,指標共有三個,分別是關鍵字、色彩聯想、氛圍,假設在第二章的第一關。

關鍵字 : 地圖、遺跡、守護者
色彩聯想 : 棕色 ( 古老、破舊 )、橘紅色 ( 危機 )
氛圍 : 懸疑 / 緊張

這樣可以幫助我們去檢視顏色的感受是否符合,然後與劇情內的情緒是不是有出入,雖然整個部分是一段繁瑣的工作,會在發現與調整之間不斷來回,卻也是不可或缺的一個過程。

最後補充一些重點 :
1. 先構想好你的色彩取決什麼,要用哪些指標來規範。
2. 使用指標可以有效的節省色彩設計過程,如 : 關鍵字、色彩聯想、氛圍等等。
3. 使用工具來輔助,找出最符合的色彩,記得多找點參考資料,這是非常重要的。

如果你對於【蔓不生長】這個遊戲有興趣,可以前往Steam或是手機雙平台試玩或是購買。

《蔓不生長》是一款敘事解謎遊戲,由台灣獨立遊戲製作團隊「自遊再升」打造。
「你是以什麼角度來看世界?」 玩家透過左右滑動,改變場景視角,將會得到意想之外的結果!



Google Play - 蔓不生長

感謝您完整的看完本篇文章,如果覺得不錯的話可以給我鼓勵,或是有不同的想法也可以留言討論。祝您有美好的一天!



留言
avatar-img
留言分享你的想法!
呵呵-avatar-img
2023/07/07
非常喜歡遊戲設計方向和風格>.<
陳哲暄-avatar-img
發文者
2023/07/10
Haner 感謝您的反饋!也謝謝您喜歡這個遊戲的設計方向和風格!色彩與情緒的連結是非常實用的科學,已經與我們的生活融為一體,我也很常使用色彩來調整我自己的情緒,每個人生階段對於色彩都會有不同的喜好,我也很喜歡這種方式與元素,擴大色彩的使用,展現更多元的想像力與感受。
avatar-img
陳哲暄的沙龍
6會員
15內容數
本專題為書籍閱讀類,分享閱讀【風格是一種商機】後的經驗與想法。期望我的分享能讓你對本書激發興趣,以及透過內容認識我。
陳哲暄的沙龍的其他內容
2024/03/14
這篇文章討論了遊戲美術專案執行和技術面可能遇到的問題,包括人的問題以及技術困難,並提出瞭解決方法。
Thumbnail
2024/03/14
這篇文章討論了遊戲美術專案執行和技術面可能遇到的問題,包括人的問題以及技術困難,並提出瞭解決方法。
Thumbnail
2023/12/19
在開發下一個專案的過程中,一樣經歷了從0到1的設計過程,這個過程是艱辛的,即使我已經有了一次遊戲開發的經驗也是一樣,因為遊戲的品類與其中的元素不同,導致設計過程的經驗都不盡相同,每一次都是新的開始。
Thumbnail
2023/12/19
在開發下一個專案的過程中,一樣經歷了從0到1的設計過程,這個過程是艱辛的,即使我已經有了一次遊戲開發的經驗也是一樣,因為遊戲的品類與其中的元素不同,導致設計過程的經驗都不盡相同,每一次都是新的開始。
Thumbnail
2023/10/06
我覺得這本書讀起來蠻輕鬆的,因為每個段落都不會太多,花個三十分鐘就可以看完一個段落,而且還包含了反思的時間,我覺得這樣的安排超棒的。 這篇要來分享本書的第一章,第一章總共有六個小段,我會簡單的統整書中的要點,並搭配了我自己的反思,可以更方便幫助你從書中的內容去思考自己的狀態與想法。
Thumbnail
2023/10/06
我覺得這本書讀起來蠻輕鬆的,因為每個段落都不會太多,花個三十分鐘就可以看完一個段落,而且還包含了反思的時間,我覺得這樣的安排超棒的。 這篇要來分享本書的第一章,第一章總共有六個小段,我會簡單的統整書中的要點,並搭配了我自己的反思,可以更方便幫助你從書中的內容去思考自己的狀態與想法。
Thumbnail
看更多
你可能也想看
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
我的「媽」呀! 母親節即將到來,vocus 邀請你寫下屬於你的「媽」故事——不管是紀錄爆笑的日常,或是一直想對她表達的感謝,又或者,是你這輩子最想聽她說出的一句話。 也歡迎你曬出合照,分享照片背後的點點滴滴 ♥️ 透過創作,將這份情感表達出來吧!🥹
Thumbnail
我的「媽」呀! 母親節即將到來,vocus 邀請你寫下屬於你的「媽」故事——不管是紀錄爆笑的日常,或是一直想對她表達的感謝,又或者,是你這輩子最想聽她說出的一句話。 也歡迎你曬出合照,分享照片背後的點點滴滴 ♥️ 透過創作,將這份情感表達出來吧!🥹
Thumbnail
遊戲產業似乎從很久以前,各種玩法的類型都已經確立了下來。現在新出品的遊戲,更像是已有玩法機制的排列組合、重新包裝。比起遊戲本身,遊戲公司更願意把創意放在有明確衡量標準的部分,如:劇情、音樂、特效…等。久而久之,人們對遊戲的評價越來越取決於美術、故事等決定表現力的指標...
Thumbnail
遊戲產業似乎從很久以前,各種玩法的類型都已經確立了下來。現在新出品的遊戲,更像是已有玩法機制的排列組合、重新包裝。比起遊戲本身,遊戲公司更願意把創意放在有明確衡量標準的部分,如:劇情、音樂、特效…等。久而久之,人們對遊戲的評價越來越取決於美術、故事等決定表現力的指標...
Thumbnail
挑選好寶石之後,我們像在玩聯想遊戲一樣,依照形狀與色彩帶給人的感受,決定了五款樣式。但到了要為它們描寫情境故事時,卻卡關了非常久。
Thumbnail
挑選好寶石之後,我們像在玩聯想遊戲一樣,依照形狀與色彩帶給人的感受,決定了五款樣式。但到了要為它們描寫情境故事時,卻卡關了非常久。
Thumbnail
在開發下一個專案的過程中,一樣經歷了從0到1的設計過程,這個過程是艱辛的,即使我已經有了一次遊戲開發的經驗也是一樣,因為遊戲的品類與其中的元素不同,導致設計過程的經驗都不盡相同,每一次都是新的開始。
Thumbnail
在開發下一個專案的過程中,一樣經歷了從0到1的設計過程,這個過程是艱辛的,即使我已經有了一次遊戲開發的經驗也是一樣,因為遊戲的品類與其中的元素不同,導致設計過程的經驗都不盡相同,每一次都是新的開始。
Thumbnail
這篇文章將會講述發散與構思具體行為的細節,包含文字、圖像、動畫,介紹彼此的優缺點與侷限性,最後逐個講述重點與核心。
Thumbnail
這篇文章將會講述發散與構思具體行為的細節,包含文字、圖像、動畫,介紹彼此的優缺點與侷限性,最後逐個講述重點與核心。
Thumbnail
人是視覺動物,藉由感官體驗引發身心內在的變化,想藉由顏色與情緒的關係來呈現遊戲中,不同階段的色彩,我們參考了風之旅人以人生為題,用不同的色彩變化表示人生不同階段的獨特體驗,將這段體驗應用在遊戲中,造就在旅途的過程,每個章節的顏色有了不同的意義與心境。
Thumbnail
人是視覺動物,藉由感官體驗引發身心內在的變化,想藉由顏色與情緒的關係來呈現遊戲中,不同階段的色彩,我們參考了風之旅人以人生為題,用不同的色彩變化表示人生不同階段的獨特體驗,將這段體驗應用在遊戲中,造就在旅途的過程,每個章節的顏色有了不同的意義與心境。
Thumbnail
這篇文章將會講述遊戲企劃中,如何開始設計一款遊戲的第一步——一頁企劃文檔。
Thumbnail
這篇文章將會講述遊戲企劃中,如何開始設計一款遊戲的第一步——一頁企劃文檔。
Thumbnail
Monument Valley is a love letter to gaming. -遊戲總監 McFarland 出自IG _Miss.Deco_ Monument Valley 曾經榮獲 Apple 2014 年最佳設計大獎的《紀念碑谷》,是一款由 Ustwo 獨立遊戲工作室在 201
Thumbnail
Monument Valley is a love letter to gaming. -遊戲總監 McFarland 出自IG _Miss.Deco_ Monument Valley 曾經榮獲 Apple 2014 年最佳設計大獎的《紀念碑谷》,是一款由 Ustwo 獨立遊戲工作室在 201
Thumbnail
分析各種引導系統與環境設計,開發商在容易落入俗套的引導功能上投入大量巧思,透過精心設計突破開放式世界遊戲的模板,創造了獨特的遊玩體驗。
Thumbnail
分析各種引導系統與環境設計,開發商在容易落入俗套的引導功能上投入大量巧思,透過精心設計突破開放式世界遊戲的模板,創造了獨特的遊玩體驗。
Thumbnail
《迷霧國度:傳承》最新畫面與開發進度報告,包括新怪物動作、物件動態與未來計劃。還有與露比的點心茶會、海穹文化兩個單位最新跨界合作消息搶先曝光唷!
Thumbnail
《迷霧國度:傳承》最新畫面與開發進度報告,包括新怪物動作、物件動態與未來計劃。還有與露比的點心茶會、海穹文化兩個單位最新跨界合作消息搶先曝光唷!
Thumbnail
《迷霧國度:傳承》開發日誌更新,遊戲兵棋實機畫面釋出,主角樣貌改變系統和全新專欄單元預告。
Thumbnail
《迷霧國度:傳承》開發日誌更新,遊戲兵棋實機畫面釋出,主角樣貌改變系統和全新專欄單元預告。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News