2D 厘米秀日活較高且平穩(wěn)，項(xiàng)目組不斷在嘗試一些新玩法，提升用戶活躍度和新鮮感。根據(jù)前期的用戶調(diào)研，我們發(fā)現(xiàn)目標(biāo)用戶期待的訴求包括：更自由的 DIY 功能和更真實(shí)的形象。
為尋求突破，目前 3D 厘米秀的核心玩法孵化了包括捏臉，換裝，收集和小窩 DIY，而區(qū)別于同類競(jìng)品的核心優(yōu)勢(shì)是 3D 小窩 DIY 功能，所以我們?cè)谇捌趦?nèi)容設(shè)計(jì)上花費(fèi)了很大的精力來強(qiáng)化我們的核心玩法。
3D 人物和小窩的設(shè)計(jì)對(duì)于一支從未做過游戲的團(tuán)隊(duì)來說，挑戰(zhàn)是巨大的。針對(duì)內(nèi)容設(shè)計(jì)，設(shè)計(jì)團(tuán)隊(duì)投入了大量的人力物力來做，所以有必要了解設(shè)計(jì)的出發(fā)點(diǎn)，價(jià)值點(diǎn)在哪？這就需要從卡噗的產(chǎn)品目標(biāo)說起。
1. 產(chǎn)品目標(biāo)
卡噗的產(chǎn)品目標(biāo)是以工具玩法為切入點(diǎn)，讓用戶玩起來，進(jìn)而通過豐富社交玩法功能，培養(yǎng)用戶的社交習(xí)慣，最終打造一個(gè)社交平臺(tái)。結(jié)合產(chǎn)品目標(biāo)，明確了設(shè)計(jì)的主要發(fā)力點(diǎn)在于內(nèi)容設(shè)計(jì)上，要滿足用戶的 DIY 需求，前期就需要填補(bǔ)大量?jī)?nèi)容空缺。
2. 設(shè)計(jì)目標(biāo)
而針對(duì)內(nèi)容設(shè)計(jì)，我們把設(shè)計(jì)目標(biāo)定位到三個(gè)不同階段。大體上的規(guī)劃是在前期進(jìn)行設(shè)計(jì)快速?zèng)_量，填補(bǔ)內(nèi)容空缺，讓用戶能夠正常玩基礎(chǔ)功能。在解決溫飽問題后，開始逐步提升內(nèi)容質(zhì)量和可玩性，讓用戶沉淀下來。這種目標(biāo)推進(jìn)的思路也是伴隨用戶情感加深的一個(gè)過程。
在內(nèi)容設(shè)計(jì)上，我們前期進(jìn)行了大量的風(fēng)格預(yù)演，主要分為幾個(gè)步驟，競(jìng)品分析，確定比例，人物造型設(shè)計(jì)，場(chǎng)景設(shè)計(jì)等等。
1. 競(jìng)品分析
開始設(shè)計(jì)之前，我們計(jì)劃從人物風(fēng)格入手，理由是人物風(fēng)格比較容易找到定位，場(chǎng)景風(fēng)格則相對(duì)困難找到明確的風(fēng)格屬性；诖，我們對(duì)市面上核心競(jìng)品進(jìn)行了分析，結(jié)合目標(biāo)用戶的品味，主要是 10-20 歲的用戶喜好，設(shè)定了一個(gè)大的方向。人物設(shè)定為偏中性，不會(huì)特別逼真也沒有很卡通的感覺。
2. 確定比例
針對(duì)人物設(shè)定，我們也進(jìn)行了非常多的測(cè)試，目的是找出一種合適的比例，既不影響整體造型，又給人一種可愛的印象。為了使各種動(dòng)作在小屏幕上清晰可見，手和腳被設(shè)計(jì)得很大，并且手臂和腿部被延長(zhǎng)，以便可以應(yīng)用各種姿勢(shì)和動(dòng)畫。
3. 人物造型設(shè)計(jì)
針對(duì)人臉設(shè)計(jì)，我們也測(cè)試了 3 種不同的風(fēng)格：西方風(fēng)格，東方風(fēng)格，和動(dòng)漫風(fēng)格。西方風(fēng)格和已經(jīng)非常流行的 3D 角色 Zepeto 很接近；參照了中國(guó)藝人和中國(guó)動(dòng)畫設(shè)計(jì)的東方風(fēng)格缺乏新鮮感，似乎沒有什么吸引力；最后的日漫風(fēng)格給人可愛親切之感，滿足許多人的品味，同時(shí)也區(qū)別于其他 3D 角色的設(shè)計(jì)。
4. 場(chǎng)景設(shè)計(jì)
人物風(fēng)格大致明確后，場(chǎng)景風(fēng)格就比較容易找到方向，需要與人物風(fēng)格相匹配。我們通過搜集參考，希望能夠做到開放式，輕質(zhì)感，未來感。
這是最初的場(chǎng)景概念設(shè)計(jì)嘗試，并做了相應(yīng)的性能和材質(zhì)預(yù)研，平衡視覺效果及可行性。
依據(jù)設(shè)計(jì)目標(biāo)，在項(xiàng)目的不同階段，我們對(duì)內(nèi)容的設(shè)計(jì)規(guī)劃也在不斷摸索中前進(jìn)；厮莩跗诘浆F(xiàn)在的內(nèi)容輸出，大體上可以分為 2 個(gè)階段。
第一階段，以功能為核心
卡噗的目標(biāo)用戶中有很大一部分是與 2D 厘米秀的用戶群體重疊的，所以在初期做內(nèi)容設(shè)計(jì)時(shí)，會(huì)著重去參考 2D 厘米秀中比較受歡迎的內(nèi)容元素，這樣能提升決策效率，也能減少一定的試錯(cuò)風(fēng)險(xiǎn)。
在這個(gè)階段，我們主要分 2 個(gè)部分來設(shè)計(jì)，主線是設(shè)計(jì) 2D 厘米秀中受歡迎程度較高的熱門主題，輔線是設(shè)計(jì)節(jié)日時(shí)間節(jié)點(diǎn)的運(yùn)營(yíng)主題，以滿足用戶和產(chǎn)品的基本訴求。
在主題的搭配上，一般是一個(gè)主題配 2 個(gè)人物設(shè)計(jì)（1 位男生+1 位女生），然后配上一個(gè)符合主題風(fēng)格的小窩設(shè)計(jì)，構(gòu)成一套完整的設(shè)計(jì)方案。
針對(duì)產(chǎn)品需求，在第一階段我們共產(chǎn)出了 20 套主題，其中包括主線設(shè)計(jì) 14 套和運(yùn)營(yíng) 6 套。以下是部分主線設(shè)計(jì)方案展示：
太空主題
賽博朋克
夏日沙灘
流行樂隊(duì)
極簡(jiǎn)電玩
可愛洛麗塔
森系女孩
民國(guó)初年
在日常運(yùn)營(yíng)上，我們以節(jié)日熱點(diǎn)和服裝系列款設(shè)計(jì)來推進(jìn)內(nèi)容產(chǎn)出。以下是部分案例：
中秋神話
新春快樂
同時(shí)，為了能增添換裝的豐富度，我們也設(shè)計(jì)了一些不帶小窩的小人系列款，
冬季校服系列
時(shí)尚潮流系列
簡(jiǎn)單日常系列
第二階段，以設(shè)計(jì)為核心
在上一個(gè)階段，我們的設(shè)計(jì)計(jì)劃主要是依據(jù) 2D 厘米秀的設(shè)計(jì)經(jīng)驗(yàn)來判斷，以效率優(yōu)先，盡快打造主題設(shè)計(jì)的豐富性。讓用戶能夠玩上基礎(chǔ) DIY 功能，其實(shí)更多的是基于產(chǎn)品思路為主導(dǎo)的設(shè)計(jì)。到了第二階段，我們希望能以設(shè)計(jì)為主導(dǎo)來增強(qiáng)整體的用戶體驗(yàn)，提升品牌感，能讓用戶從品類繁復(fù)的主題中體驗(yàn)到系列感。進(jìn)而逐步建立數(shù)據(jù)驅(qū)動(dòng)模式，不斷地從數(shù)據(jù)反饋中調(diào)整內(nèi)容設(shè)計(jì)，最終帶來數(shù)據(jù)和體驗(yàn)的雙提升。
基于這樣的思路，我們對(duì)目前線上不同主題的物品使用率數(shù)據(jù)進(jìn)行了整理，發(fā)現(xiàn)日常類型的小窩使用率會(huì)比較高。我們通過分析發(fā)現(xiàn)，對(duì)于大部分普通用戶來說，會(huì)比較習(xí)慣性的按自己腦海中已有的畫面去搭建自己的小窩，比如教室，臥室，咖啡廳這些有比較明確畫面感的場(chǎng)景，很容易就能搬到卡噗應(yīng)用中。這對(duì)用戶來說，搭建成本相對(duì)較低，平衡用戶的操作成本，也是我們優(yōu)化用戶體驗(yàn)的一部分。
所以，在第二階段，我們大體的設(shè)計(jì)規(guī)劃是以現(xiàn)實(shí)場(chǎng)景小窩為主線，以季節(jié)時(shí)令為節(jié)奏，搭配節(jié)日運(yùn)營(yíng)和 IP 元素為輔線來制定主題的設(shè)計(jì)輸出。
在這樣的背景下，我們目前已經(jīng)產(chǎn)出了 11 套主題，以下是一些設(shè)計(jì)方案的展示：
居酒屋
繽紛糖果
貓耳
萬物復(fù)蘇
愚人節(jié)
情人節(jié)
白色婚禮
我們也在 IP 合作上進(jìn)行了嘗試，輸出了包括：
Super ELLE系列
痛仰樂隊(duì)
王者榮耀系列
由于團(tuán)隊(duì)之前在這塊缺乏 3D 游戲設(shè)計(jì)經(jīng)驗(yàn)，所以在制作過程中也走了不少?gòu)澛。?jīng)過一段時(shí)間的摸索，我們努力將制作流程進(jìn)行標(biāo)準(zhǔn)化，以提升制作效率。
這里我們以民國(guó)主題作為案例來具體說明我們的模型設(shè)計(jì)過程。
小窩模型設(shè)計(jì)
大量找參考，確定大的設(shè)計(jì)方向。
白模設(shè)計(jì)。這個(gè)階段主要是要明確小窩大感覺，小窩中各個(gè)物件的比例關(guān)系，需要放置哪些物件等等。
貼圖材質(zhì)渲染。根據(jù)風(fēng)格參考，先用 3D 軟件渲染出期望的視覺效果
模型整理。需要按規(guī)范輸出單個(gè)模型物件，規(guī)劃包括減面，mesh 數(shù)合并，軸心，軸向調(diào)整等等。
在 Unity 中還原優(yōu)化材質(zhì)，通過特定的工具進(jìn)行輸出，上架并最終與大家見面。
由于在前期快速趕制設(shè)計(jì)資源，一些模型在設(shè)計(jì)質(zhì)量上不盡如人意。所以，在項(xiàng)目進(jìn)行的過程中，我們也在逐步地提升內(nèi)容設(shè)計(jì)質(zhì)量。
這是初期的線上效果，對(duì)比市面上的一些核心競(jìng)品效果，整體視覺表現(xiàn)比較粗糙。
然后我們把主要問題定位為 4 類：模型之間的差異性不夠大，模型的結(jié)構(gòu)美感不足，UV 貼圖的細(xì)節(jié)比較少，模型之間的比例大小等輸出不夠規(guī)范。
首先從貼圖入手，增加貼圖的明暗細(xì)節(jié)及層次，對(duì)于引擎來說，貼圖細(xì)節(jié)的豐富能比較直接地改善渲染壓力，快速出效果。
因?yàn)橐層脩裟軌?DIY，模型間的差異性是很重要的。通過優(yōu)化模型結(jié)構(gòu)和配色，使其差異更加顯著。
對(duì)于單個(gè)模型來說，在場(chǎng)景中的比例是非常重要的。既不能太大，影響可放置物件數(shù)量，又不能太小，影響用戶的操作易用性。所以，在模型上給定了大中小三種尺寸范圍，先取相對(duì)于人物的大體比例和再結(jié)合模型之間的相對(duì)比例作為微調(diào)。確保模型易于操作，且大小合理。
通過對(duì)設(shè)計(jì)質(zhì)量的持續(xù)跟進(jìn)及優(yōu)化，一段時(shí)間后初見成效，可以看到對(duì)比早期的版本，在模型結(jié)構(gòu)，貼圖細(xì)節(jié)上都有非常大的進(jìn)步。
輸出到線上 APP 的實(shí)際效果也有了很大的改善。
從物品的用戶使用率上，能夠判斷用戶更喜歡使用細(xì)節(jié)更豐富，更好看的模型。改進(jìn)后，整體使用率上是有一個(gè)大的提升的。接下來，我們也將繼續(xù)對(duì)設(shè)計(jì)質(zhì)量進(jìn)行優(yōu)化，以滿足用戶對(duì)設(shè)計(jì)品質(zhì)的追求。
由于 3D 制作流程復(fù)雜，項(xiàng)目中合作人員眾多，為了將前期的研究成果保質(zhì)保量的落到實(shí)處，需要推動(dòng)一系列流程進(jìn)行標(biāo)準(zhǔn)化。
模型輸出標(biāo)準(zhǔn)。通過明確輸出標(biāo)準(zhǔn)，調(diào)整方式，常見問題以及案例示意，確保模型輸出準(zhǔn)確無誤。
Unity 輸出標(biāo)準(zhǔn)？ㄠ鄣脑O(shè)計(jì)不同于一般的 UI 設(shè)計(jì)項(xiàng)目，不是把設(shè)計(jì)資源從設(shè)計(jì)軟件中切圖輸出就結(jié)束了，它還需要經(jīng)過引擎輸出才能給到開發(fā)最終的美術(shù)資源。而在引擎中，需要做的工作就是需要把各種 3D 資源，通過引擎參數(shù)調(diào)整到引擎中的最佳效果，所有上線后的美術(shù)效果都需要以引擎為準(zhǔn)，所以這塊也非常的重要。
因?yàn)檫@些設(shè)計(jì)效果，開發(fā)直接在引擎中是很難拿捏得很準(zhǔn)的，所以這部分工作也需要設(shè)計(jì)師來把控。
設(shè)計(jì)側(cè)通過建立引擎標(biāo)準(zhǔn)化文件，提升工作效率，保證在各個(gè)平臺(tái)上能顯示一致。
最后，再把這些標(biāo)準(zhǔn)形成文檔，給到項(xiàng)目組各個(gè)合作團(tuán)隊(duì)使用，確保了設(shè)計(jì)的一致性和輸出效率。
不光是做好內(nèi)容標(biāo)準(zhǔn)化，我們還在內(nèi)容創(chuàng)意上做了一些嘗試。比如墩子設(shè)計(jì)，2D 元素 3D 化，室內(nèi)室外設(shè)計(jì)等等。
1. 墩子設(shè)計(jì)
最初的設(shè)計(jì)，只有小窩，背景是 UI 層的 2D 漸變顏色，整體效果顯得比較單調(diào)，像是一個(gè)未施工完成的建筑。所以，我們嘗試結(jié)合 2D 品牌的概念，豐富周邊環(huán)境，使場(chǎng)景更加完整，讓用戶能清晰地理解自己所處的狀態(tài)。將這個(gè)概念落地后，用戶的反饋也是非常不錯(cuò)的。
2. 2D元素3D化
為了能夠更好的提升整體氛圍感，我們還嘗試將一些 UI 元素做成模型，置入場(chǎng)景中，同時(shí)加上動(dòng)效，使之在融入場(chǎng)景的同時(shí)還能保持比較高的識(shí)別度，而不影響用戶的正常使用和轉(zhuǎn)化率。
3. 室內(nèi)室外的設(shè)計(jì)
場(chǎng)景設(shè)計(jì)只有室內(nèi)，未免略顯單調(diào)，我們也嘗試了一些室外的設(shè)計(jì)，讓人物走出房間。將室內(nèi)和室外進(jìn)行設(shè)計(jì)聯(lián)動(dòng)，同一個(gè)主題能有 2 個(gè)不同的空間環(huán)境，使之成為一個(gè)整體，更富有想象力。
對(duì)于未來，我們也在積極的做一些設(shè)計(jì)預(yù)研，讓應(yīng)用變得更加有趣。未來，我們會(huì)把主要精力放在主題的品牌調(diào)性，材質(zhì)表現(xiàn)，特色設(shè)計(jì)等等內(nèi)容上，也請(qǐng)大家期待一下吧。
面對(duì)這樣的創(chuàng)新型項(xiàng)目，需要設(shè)計(jì)師善于知識(shí)跨界，在未知領(lǐng)域敢于快速嘗試，然后及早的做好流程規(guī)范，實(shí)現(xiàn)設(shè)計(jì)的簡(jiǎn)化和統(tǒng)一。另外，在不同階段要善于做不同取舍策略，這樣才能在保證性能的同時(shí)兼顧美術(shù)效果。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。