《佳期:團圓》關於“府邸系統”的場景化設計思路回顧

遊資網發表於2020-01-23
【導語】佳期如夢,佳人如你,“佳期”如約,《佳期:團圓》在春節前如約而至。源起於炫彩水墨新國風的中秋版本,在延續傳統文化的同時,為了豐富遊戲的內容,我們在這個版本加入了新的輕養成創意玩法—府邸系統。簡單來說,“府邸”就是我們的主角遊子的家中書屋,從書屋出發,遊歷祖國大好河山的心路歷程。

這次的分享,圍繞“府邸系統”的設計思路展開:從制定設計目標著手,到如何實現府邸的功能,我們遊戲美術設計將如何從功能性和美術設計的矛盾中進行取捨?我們通過解讀“府邸”系統的實現思路以及對整個系統的包裝,來強化玩家對新系統的沉浸和代入感體驗。

設計目標  

通過場景化的視覺表現,增加使用者的沉浸和代入體驗感受。

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧

《佳期》本身就是一款休閒的輕體量遊戲,根據玩家關於玩法內容的反饋,我們想打破之前版本線性關卡的格局,所以“府邸系統”應運而生,主介面由中秋版本的7大節氣卷軸變為了場景化的府邸主介面。遊戲美術設計師通過對場景視覺/佈局/格局的預研,讓玩家能夠清晰地看到自己的成長反饋和遊戲的積累,從而增強對遊戲的沉浸感。

設計推導

關於功能:

1、場景化的”府邸”設計

“府邸”承載了這次遊戲的主介面功能,由3屏滑動構成一整張場景,採用第一人稱視角,俯視構圖且具有一定景深。

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧
圖片參考來源遊戲-昭和雜貨店物語

2、場景化的UI介面

我們”府邸”主介面也歸類為兩種形式:與核心玩法相關的三大收集系統入口放置入場景中,並且與其相關的代表性物體相接近;剩餘UI稍作弱化處理,分佈到畫面周邊。

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧

3、府邸的場景升級:

根據我們新版本的核心玩法和三大收集系統的功能,相對應的會對我們的府邸進行五個等級的主體區域升級與裝飾(包含繪卷牆、見聞櫃、書桌的升級,以及房間整體裝飾的升級),使得整個場景由最初的基礎裝修,逐步變得更加華麗和豐富有趣。

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧

關於美術設計:

1、瞭解遊戲世界觀和主體

《佳期》的故事主線是講述一名遊歷四方的書生,從”府邸”主體出發,遊歷於中國各個地域,傳遞中華傳統文化的故事。

2、設計空間,視角,和佈局,如何給與”府邸”主體帶來生動的場景和意境

關於”府邸”的空間透視,在接到需求的初期,遊戲美術設計師預研了多個版本。對於構圖的飽滿,是否符合整體的功能,以及平視角和俯視角之間都進行了博弈。

整體畫面構圖的考究:

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧

優:構圖飽滿,符合最初設想。

缺:不符合功能佈局,三大升級主體(繪卷牆、見聞櫃、書桌)必須同時出現在畫面中間螢幕;主體升級過程中,需要隨時替換升級物件,所以它們也不能帶強烈透視。

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧

優:滿足府邸設計所有功能。

缺:前景物件過多,與主介面UI互斥性強。

結論:通過對畫面構圖佈局的考究,最終需要滿足書屋設計的所有功能為先,我們將綜合2版的構圖,以三大主體規劃為主螢幕中間這版進行優化調整。

平視角與俯視角博弈,我們用圖來說話:

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧

(1)平視角:代入感較強,地平線分割處於畫面黃金比例

(2)顏色:飽和度低,前景凸顯物件,但整體空間缺乏縱深感,稍顯壓抑。

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧

(1)俯視角:空間感強,能夠展示的內容更多,符合策劃的功能規劃預期

(2)顏色:飽和度高,氛圍感強

(3)結論:最終確定府邸場景視角為俯視角,顏色傾向於飽和度更高,這樣整個畫面的空間感、氛圍感更強,府邸的場景和意境顯得生動和幽遠。

關於取捨:

1、角色的頭身比。

《佳期》的啟程登入介面,繪製的是5頭身比的遊子,最初預研時期,為了登入到”府邸”主介面的連貫性,遊子還是設定為5頭身;但是綜合考慮,遊戲為豎屏操作,以及系統入口功能性的問題,遊子角色不宜佔畫太大,最終確定為2頭身的Q版角色。

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧
遊子5頭身角色設定

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧
遊子2頭身角色設定

2、場景風格的決策

由於此次版本的”府邸”功能性操作頻次較高,我們的設計風格與《佳期:中秋》版本做了差異化。由於之前版本幾乎沒有帶功能性的室內場景表現,而春節版本中,我們新增了最重要的府邸場景,為了能夠增加了畫面的光影表現以及物體的體積感,來區分功能物件的層級,我們對代表性的寫意黑色描邊畫法,進行了弱化處理。

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧
《佳期:中秋》黑色描邊寫意畫法

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧
《佳期:團圓》”府邸”弱化黑邊,加強光影表現

小結:

綜上所述,春節版本為了滿足新增的系統的功能性以及整體遊戲美術設計又需要精美,我們最終定稿角色為2頭身比例,場景視角為俯視的遊戲畫面。

設計執行

1、參考:

“府邸”整體的設計思路,關於傢俱的設計,佈局的設計,以及升級的表現手法,我們總體歸納為造型從簡到繁,顏色由素到豔,空間由小到大。

同時,我們遊戲設計師也會找大量參考,例如我們的初級場景吸取了茶室的概念,相對於較簡單幹淨的場景佈局。級別越高對應的地面,牆面以及裝飾元素都會隨著變豐富和華麗。其次,在用色方面,我們選擇了傳統室內設計青睞的黃色和紅色為主色調,黃色象徵著尊貴優雅,紅色象徵著喜慶吉祥,這兩種主色調能夠恰到好處的渲染氣氛,烘托氛圍,展現我們濃郁的傳統文化氣息。

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧
茶室/四合院以及皇家室內中的佈局整體環境的參考資料收集

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧
書桌,屏風,牆壁等圖案元素參考

關於三大升級主體的參考,我們的設計思路也是隨著我們的遊戲收集見聞和繪卷的進度而進行升級,書櫃,繪卷牆都會根據級別相對應的增加數量以及更加複雜的樣式來體現畫面的趣味性。

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧
書櫃升級參考

2、設計實施:

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧
1-5等級府邸設計線稿

《佳期:團圓》關於“府邸系統”的場景化設計思路回顧
1-5等級府邸設計成品圖

總結:

以上是春節版本新玩法“府邸系統”設計思路心得的分享。更多體驗樂趣可以於1月16日遊戲上線後進行探索體驗哦,感謝您的閱讀和支援。

來源:騰訊PPdesign
地址:https://mp.weixin.qq.com/s/phZ4TwzqRPenApc0xyIcyQ

相關文章