《幻書啟世錄》以“書”做為主旋律，是多重世界擬人手游，游戲以“書擬人”為藍(lán)本進(jìn)行創(chuàng)新與突破。

（一）抽卡系統(tǒng)｜影視思維+玄學(xué)玩法

用“導(dǎo)演視角”來梳理故事，用視頻的方式進(jìn)行串聯(lián)，同時(shí)加入“玄學(xué)”概念，從而得出了具體的設(shè)計(jì)方案。

LULU：我們不希望我們的設(shè)計(jì)只是簡單的裝飾和基礎(chǔ)的功能。“玄學(xué)”是一個(gè)很有趣的概念，我們通過簡單的界面和玩家建立某種聯(lián)系。

1.根據(jù)抽卡關(guān)鍵字：鐘，時(shí)間，書娘，進(jìn)行頭腦風(fēng)暴，用影視化的思維串聯(lián)整個(gè)故事流程。

2.對(duì)重要界面進(jìn)行設(shè)計(jì)思考和細(xì)節(jié)推敲。

四個(gè)時(shí)間軸：分別以四個(gè)不同的運(yùn)動(dòng)軌跡，不是常規(guī)邏輯下的統(tǒng)一方向，有序又無序的運(yùn)動(dòng)方式，造成時(shí)間交錯(cuò)的感覺。

時(shí)鐘時(shí)間和年代時(shí)間：時(shí)間的聯(lián)動(dòng)性。

放大鏡：運(yùn)用放大鏡來展示吸引到的角色時(shí)間，保證了整體包裝的流暢性，交代層級(jí)的同時(shí)增強(qiáng)代入感。

日月星辰裝飾：GUI的通用圖案，精確的運(yùn)用在各個(gè)界面中。

整體游戲的統(tǒng)一性。我們運(yùn)用的主元素紙張調(diào)性走偏平紙張輕薄路線，我們做了“相對(duì)”扁平化處理，讓載體更多地方接近紙的輕薄材質(zhì)。

（二）實(shí)際案例·幻書系統(tǒng)

更注重給玩家情景化的體驗(yàn)，所以原畫、視頻、模型等配合來進(jìn)行綜合表現(xiàn)。

幻書系統(tǒng)關(guān)鍵詞：角色、書，以書為貫穿始終的seed，用情景化包裝去鏈接角色和界面，正如同人在看書時(shí)和書本的交流方式一樣。

（三）成果展示·情景化設(shè)計(jì)

1.郵箱系統(tǒng)

也采用了紙張和視頻的結(jié)合，故事性包裝，營造氛圍感。貓頭鷹叼著紙，做拍臉動(dòng)效，紙張幻化出貓頭鷹的圖標(biāo)，也交代了故事的連貫性。

2.限時(shí)獎(jiǎng)勵(lì)界面

高頻操作的系統(tǒng)，就像每天都要去翻閱報(bào)紙，翻閱報(bào)紙給這個(gè)功能增加代入感和趣味性。

采用翻閱報(bào)紙形式，版畫元素的運(yùn)用，排線、凹凸版用按壓的辦法把凹版的墨汁帶處來，版畫的繪畫手法也運(yùn)用到了各個(gè)界面，這種最早期的工藝，很貼合我們的游戲時(shí)代-中世紀(jì)。

3.大地圖

結(jié)合功能將入口圖標(biāo)也處理成紙的材質(zhì)，像立體書的形式樹立在紙張中間。同時(shí)增加了環(huán)節(jié)氛圍：飛鳥、空氣中的灰塵伴隨自然光忽明忽暗。

4. 7日簽到界面

功能塊面多，空間利用最大化，花紋裝飾中世紀(jì)風(fēng)格。

（四）活動(dòng)界面

整體風(fēng)格偏黑暗系，主元素運(yùn)用了章魚觸手等元素，色調(diào)偏綠色，突出神秘的氣氛。

山海經(jīng)新年活動(dòng)在保證中世紀(jì)花紋的前提下增加了中式剪紙?jiān)亍?/p>

（五）設(shè)計(jì)有理·圖標(biāo)

設(shè)計(jì)自有出處，與世界觀高契合度，增強(qiáng)代入感。

我們開始研究中世紀(jì)的紋章學(xué)，最早起就是參考真實(shí)的紋章，針對(duì)紋章的設(shè)計(jì)語言進(jìn)行功能的匹配，制作幻書的擬物圖標(biāo)。

（六）創(chuàng)新突破·打造設(shè)計(jì)影響力

我們從中世紀(jì)關(guān)鍵詞出發(fā)，從圣經(jīng)手抄本，書籍封面設(shè)計(jì)中提取排版花紋元素和紙張的燙金材質(zhì)等元素。

同時(shí)BANNER整體模版化，在保證美觀度和精致度的前提下能保證快速迭代。

Q2??《幻書啟世錄》最終的美術(shù)風(fēng)格如何確立的？

總結(jié)一下，就是我們經(jīng)歷了：尋找-糾結(jié)-堅(jiān)持-突破的過程。

最開始我們根據(jù)《幻書啟世錄》的故事以及玩法“尋找”我們需要的素材。我們目標(biāo)是想做出差異化，所以當(dāng)時(shí)是經(jīng)歷了一個(gè)比較“糾結(jié)”的過程，反復(fù)摸索適合項(xiàng)目的風(fēng)格，這個(gè)過程是痛并快樂著，過程中我們不斷明確我們的設(shè)計(jì)語言，比如配色、構(gòu)成、花紋、細(xì)節(jié)等。

最后我們做到了突破，整理出《幻書啟世錄》的設(shè)計(jì)語言并延續(xù)下去，且輻射到了各個(gè)環(huán)節(jié)。

Q3??游戲UI前期是如何快速出美術(shù)風(fēng)格的？

也是因?yàn)榍懊娴拈L期積累，在保持風(fēng)格統(tǒng)一的情況下又會(huì)不停腦暴，持續(xù)打磨設(shè)計(jì)亮點(diǎn)，我們關(guān)注效果不斷突破的同時(shí)也同樣關(guān)注效率，結(jié)合實(shí)際制定工作流程，這使得我們效率穩(wěn)定高效。

Q4??項(xiàng)目過程中收獲到的不錯(cuò)的工作流程？

因?yàn)槲覀兊穆毼挥螒蛞曈X設(shè)計(jì)師是一個(gè)非常值得探索且極其開放的大世界，這個(gè)職位的有趣之處在于他能串聯(lián)每一個(gè)環(huán)節(jié)。

例如我們的抽卡系統(tǒng)，我們梳理故事流程腦圖與UI、原畫、模型、視頻、等多環(huán)節(jié)串聯(lián)，以最直接的方式連接到玩家，和玩家建立聯(lián)系讓我們有了工作的熱情。

Q5??項(xiàng)目中有沒有遇到什么困難？你們是怎么克服的？

由于我們團(tuán)隊(duì)同學(xué)們都比較創(chuàng)新且對(duì)自己有高要求，所以我們?cè)诖蚰テ放谱R(shí)別度時(shí)，大家會(huì)有很多點(diǎn)子和想法。也是頂著各個(gè)方面的壓力，抱著對(duì)用戶負(fù)責(zé)對(duì)自己負(fù)責(zé)的態(tài)度，最終我們還是取得了突破。

看到很多玩家評(píng)論我們：“界面華麗，界面效果有種不花錢就能得到氪金的快樂?！笔盏竭@樣的評(píng)論，當(dāng)初困難也就不算什么了。

Q6??美術(shù)團(tuán)隊(duì)內(nèi)部培養(yǎng)的過程中重視提升哪些部分？

我們比較重視團(tuán)隊(duì)的創(chuàng)新精神和快樂，創(chuàng)新就是不固執(zhí)守舊，敢于突破，快樂其實(shí)是我經(jīng)常掛嘴邊的詞，就是自己要對(duì)自己的效果足夠熱愛且熱愛這個(gè)崗位，工作是能使人快樂的。

Q7??如果有同學(xué)想要加入《幻書啟世錄》項(xiàng)目組，你覺得他應(yīng)該擁有怎么樣的素質(zhì)呢？

對(duì)于以往對(duì)GUI的要求是承載交互功能和美術(shù)效果，現(xiàn)在更多需要的是傳達(dá)世界觀，去思考設(shè)計(jì)理念。我們鼓勵(lì)大家去了解產(chǎn)品思維，在擁有扎實(shí)的基本功的同時(shí)拓寬設(shè)計(jì)思路。

給大家盤點(diǎn)一下今天LULU分享的重點(diǎn)：

1.要想做出好的設(shè)計(jì)，首先要明確設(shè)計(jì)目標(biāo)；

2.抽卡系統(tǒng)運(yùn)用了影視思維和玄學(xué)玩法；

3.幻書系統(tǒng)更注重給玩家情景化的體驗(yàn)；

4.情景化設(shè)計(jì)還貫穿了郵箱系統(tǒng)/現(xiàn)實(shí)獎(jiǎng)勵(lì)/大地圖等界面；

5.圖標(biāo)設(shè)計(jì)有理，與世界觀契合，增強(qiáng)代入感；

6.BANNER整體模版化，在保證美觀度和精致度的前提下能保證快速迭代。

歡迎大家積極轉(zhuǎn)發(fā)本篇文章，

以及在留言區(qū)參與互動(dòng)

咱們下期再見～