《鴻圖之下》:如何做“不一樣的國風國戰”視覺包裝設計
// 遊戲定位
《鴻圖之下》是一款以三國為背景的騰訊旗艦級大世界沙盤戰略手遊。
產品搭載虛幻4引擎,以次世代美術表現真實還原三國時期歷史地貌與恢弘戰爭場面。遊戲美術風格鮮明,是相對偏唯美的國風風格,玩法上雖然是比較常見的策略模擬國戰SLG。
但是我們想要傳達的國戰不是那種已經用爛掉的戰火硝煙,高飽和高對比的血腥戰場,而是具有民族美感的浪漫唯美戰場。

基於這個出發點在專案的前期也分析了一些國內比較常見的國戰模擬品類視覺表現手法。
得出的結論無非就三種比較常見的表現形式。
帝王將相揮斥方遒搭配千軍萬馬營造巨集大的戰鬥場景;主公主帥深謀遠慮指點江山強調策略玩法多變;兩軍沙場對壘,表現激烈戰鬥氛圍。

在美術風格上基本上也傾向於“寫實國風”與“幻想誇張國風”兩種,例如《全面戰爭三國》、《三國志戰略版》等都採用了偏寫實的美術風格,而《亂世王者》和《真三國無雙》系列則選擇了另外一條偏幻想風格的路。

眾多的同品類遊戲中,很多廠商喜歡用強對比高飽和的色調來體現戰鬥的激烈,所以我們經常看到很多遊戲的美術原畫和宣傳海報都會是那種戰火硝煙濃厚,火光沖天煙霧繚繞的視覺印象,這種表現方式大多受到國外中世紀題材冷兵器遊戲包裝方式的影響,導致視覺表達上千篇一律,很難拉開差距。

反觀自身,我們遊戲的畫面風格本身是偏明快的色彩,場景也相對唯美,可以強化這方面的要素,找到與其他競品的差異化,梳理能拉開視覺風格差距的調性。

通過以上的分析,可以總結出《鴻圖之下》區別於其他遊戲的幾個關鍵點。
1.明快的色彩。國戰不一定要煙霧繚繞,戰火沖天,一樣可以唯美明快。
2.國人認同感高的三國世界。縱然是群雄割據,三足鼎立,但也可以浪漫脫俗,別具一格。
3.輕寫實國風。輕質感寫實場景,身臨其境真實世界塑造國風新感受。
我們希望能在視覺表現和包裝上塑造一個不一樣的國風國戰。

如何體現不一樣的國風國戰呢?通過梳理一套完整的品牌手冊來從整體的視覺包裝上來傳給使用者《鴻圖之下》的視覺語言是怎樣的。

色彩體系是非常能直觀的讓人感受到整體調性的模組。結合遊戲的畫面和美術資產嘗試找了一些參考

明快的色彩體系,採用藍和灰藍來作為品牌的主色調。通過提取遊戲內的配色來作為輔助色。





勢力色的設定。




字型風格,硬朗的國風手寫體,清晰、利落、幹練。規避過於古風,格鬥,低齡等不適合的手寫風格。
系統字型的選擇上也是同樣的方向,方正清楷簡體,方正大標宋和華文中宋都可以作為備選字型。








結合以上的規範,輸出KV廣告範例,前期儘可能把常見的使用場景做好標準的指導,在後續的物料延展上能快速敏捷的按“套路”。














專案管理:曉寧
概念推導:小德、蘇州、東東
視覺創意:小德、蘇州
視覺設計:蘇州
素材製作:英邁思創、思爍、祖龍
LOGO設計:高露潔
創意監修:小德、蘇州
視覺監修:蘇州、吳辰晨
騰訊互動娛樂TGideas 設計師
來源:騰訊遊戲學院
原文:https://mp.weixin.qq.com/s/r3p_6l9rPkpz_QkPyE-hEw
相關文章
- 《鴻圖之下》中的武將是如何做美術設計的?
- 圖撲 3D 視覺化國風設計 | 科技與文化碰撞炫酷”火花“3D視覺化
- 女性向設計中的“實用美”—《食物語》視覺包裝設計思路食物語視覺
- 風變程式設計,讓我的有了不一樣的人生風景程式設計
- 資料視覺化之下發圖實踐視覺化
- 沙盤戰略大作《鴻圖之下》今日開啟預約!
- 不一樣的命令模式(設計模式十五)設計模式
- 不一樣的工廠模式(設計模式六)設計模式
- ui設計怎樣做出有效果的視覺層級?UI視覺
- SVM之不一樣的視角
- 中國的計算機視覺,為什麼成了美國的眼中釘?計算機視覺
- 騰訊旗下手遊《鴻圖之下》攜手武侯祠博物館 共同打造三國文化符號符號
- 《鴻圖之下》首測今日開啟 虛幻4打造的真實古戰場
- 「Adobe國際認證」視覺層次結構的,設計原則和模式視覺模式
- [Python視覺化] pyecharts安裝入門及繪製中國貴州地圖Python視覺化Echarts地圖
- IDC:中國計算機視覺行業應用的現狀、挑戰與契機計算機視覺行業
- 《鴻圖之下》今日上線,梁朝偉、張雨綺與你攜手大展鴻圖
- 不一樣的圖片載入方式
- 不一樣的建造者模式(設計模式二十一)設計模式
- 馬峰視覺設計視覺
- 不一樣的煙火:聚焦情感而設計的遊戲遊戲
- 視覺化:什麼是組態圖及組態圖設計視覺化
- Android Rxjava:圖解不一樣的詮釋AndroidRxJava圖解
- 視覺化編輯器的設計視覺化
- 如何做好資料視覺化視覺化
- ui培訓教程分享:平面設計怎樣視覺空間感?UI視覺
- 鴻蒙Next應用介面設計:國際化最佳實踐鴻蒙
- 視覺化大屏報表的設計與製作 | 附成果圖視覺化
- 高通貨膨脹之下,美國人的精神狀態是怎樣的?
- 機器視覺在生產包裝技術中的應用視覺
- 匯出谷歌地圖提供的各類地圖視覺化樣式的方法谷歌地圖視覺化
- “雲遊戲”風口之下,中國廠商做好準備了嗎?遊戲
- 騰訊《代號:三國》首測開啟!這次的三國遊戲有些不一樣遊戲
- 如何做資料視覺化分析視覺化
- 風場視覺化:風場資料視覺化
- MySQL8,不一樣的安裝體驗MySql
- 在國企做程式設計師怎麼樣?程式設計師
- 智慧風電 | 圖撲軟體數字孿生風機裝置,3D 視覺化智慧運維3D視覺化運維