《佳期:團圓》關於“府邸系統”的場景化設計思路回顧
這次的分享,圍繞“府邸系統”的設計思路展開:從制定設計目標著手,到如何實現府邸的功能,我們遊戲美術設計將如何從功能性和美術設計的矛盾中進行取捨?我們通過解讀“府邸”系統的實現思路以及對整個系統的包裝,來強化玩家對新系統的沉浸和代入感體驗。
設計目標
通過場景化的視覺表現,增加使用者的沉浸和代入體驗感受。
《佳期》本身就是一款休閒的輕體量遊戲,根據玩家關於玩法內容的反饋,我們想打破之前版本線性關卡的格局,所以“府邸系統”應運而生,主介面由中秋版本的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
相關文章
- 關於成都 Gopher Meetup 的回顧Go
- 基於場景的設計方法
- 基於雲原生的秒殺系統設計思路
- 關於系統分析設計
- 場景在關卡設計中的比重
- 關於this指標指向的知識回顧指標
- 關於許可權系統的設計
- 程式碼審計系統 Swallow 開發回顧
- 設計模式簡單回顧設計模式
- Windows Phone程式設計回顧Windows程式設計
- 系統的優化思路優化
- 關於這樣的系統設計,求問?
- 續:關於許可權系統的設計
- 資訊系統設計總思路
- [譯] 關於使用 GRAPHQL 構建專案的回顧
- PHP回顧之socket程式設計PHP程式設計
- PHP回顧之多程式程式設計PHP程式設計
- Laravel 回撥系統的設計 Cybereits.com 白名單系統的設計Laravel
- 電商搶購秒殺系統的設計及應用場景分析
- 關於系統許可權的設計-位操作
- VUE+.NET應用系統的國際化-整體設計思路Vue
- 關於分散式鎖在程式設計中的一些應用場景分散式程式設計
- 效能場景設計
- Insights直播回顧| 華為帳號服務,打造全場景安全帳號體系
- 計算機相關知識的小小科普回顧計算機
- 設計穩定的微服務系統時不得不考慮的場景微服務
- 關於Laravel的表單驗證分層設計以及驗證場景的應用Laravel
- 關於SCM供應鏈管理系統開發思路
- 關於3d場景重建3D
- 回顧2013年十個值得關注的WordPress設計主題
- 戰鬥場景開發實用技巧:關卡設計和優化流程優化
- 場景設計中距離感的設計
- FreeBSD作業系統設計與實現,內容回顧與作者採訪作業系統
- 關於Execute to Parse %:比例太低的優化思路優化
- 關於分頁查詢的優化思路優化
- RPG遊戲社交系統設計思路分析遊戲
- LevelDB系統結構與設計思路分析
- 遊戲場景中的光影設計遊戲