2023-3-8 資深UI設(shè)計(jì)者
2022年新建裝扮中心整合各類裝扮的分發(fā)入口。搭建皮膚商城、主頁(yè)背景商城、頭像商城、掛件商城4大裝扮基建；高效擴(kuò)充皮膚、掛件、個(gè)人主頁(yè)封面和頭像等個(gè)性化裝扮資產(chǎn)，受到年輕用戶的喜愛，佩戴裝扮用戶迅速增長(zhǎng)數(shù)以百萬(wàn)計(jì)。
0-1搭建拓裝扮資產(chǎn)規(guī)模的經(jīng)驗(yàn)，今日與大家分享。
一 整合升級(jí)四大裝扮基建，搭建系統(tǒng)裝扮能力
拓新裝扮場(chǎng)景，提升裝扮曝光：百度APP個(gè)性化裝扮場(chǎng)景已覆蓋首頁(yè)皮膚、個(gè)人中心皮膚、個(gè)人主頁(yè)封面、個(gè)性化掛件和頭像。
我們將百度APP原有的裝扮能力整合升級(jí)，新建“裝扮中心”統(tǒng)一分發(fā)，并在個(gè)人中心增加了一級(jí)入口，為更多的裝扮形式與玩法創(chuàng)造更多可能。通過裝扮中心、皮膚商城、個(gè)人主頁(yè)背景商城、掛件商城、頭像商城“四大裝扮基建”支撐百度APP個(gè)性化裝扮的分發(fā)和佩戴操作。
提供易用的裝扮佩戴體驗(yàn)，增強(qiáng)裝扮展現(xiàn)的吸引力，是裝扮基建方向的設(shè)計(jì)目標(biāo)。
1. 易用性
我們?cè)谌珗?chǎng)景提供實(shí)時(shí)預(yù)覽能力，裝扮預(yù)覽所見即所得；按裝扮類型統(tǒng)一界面布局，降低理解成本。
2. 增強(qiáng)裝扮吸引力
2-1 提升裝扮展現(xiàn)豐富度：
裝扮中心作為裝扮聚合展現(xiàn)核心場(chǎng)景，提供套裝裝扮，界面內(nèi)融入豐富動(dòng)效、定義刷新策略持續(xù)推薦新內(nèi)容，增加對(duì)裝扮運(yùn)營(yíng)展現(xiàn)能力。
2-2 串聯(lián)互通增強(qiáng)可逛性:
各裝扮能力之間串聯(lián)互通，通過分發(fā)場(chǎng)景間跳轉(zhuǎn)進(jìn)行交叉推薦增強(qiáng)裝扮吸引力。我們從三條路徑上為裝扮拓展了分發(fā)入口。第一條：裝扮功能內(nèi)的場(chǎng)景，在裝扮商城之間增加相關(guān)功能跳轉(zhuǎn)、在皮膚和套裝的預(yù)覽頁(yè)底部拓展更多推薦入口。第二條：在用戶的非裝扮使用路徑上拓展入口，如在頭像預(yù)覽頁(yè)、個(gè)人主頁(yè)背景預(yù)覽頁(yè)引導(dǎo)用戶設(shè)置頭像和個(gè)人主頁(yè)背景。第三條：以非常駐的彈窗形式，推薦裝扮活動(dòng)，吸引用戶體驗(yàn)裝扮功能。
2-3 豐富裝扮玩法：
a. 限時(shí)免費(fèi)裝扮：精品套裝裝扮包括動(dòng)態(tài)皮膚、動(dòng)態(tài)頭像、掛件、個(gè)人主頁(yè)封面，支持一鍵佩戴四項(xiàng)個(gè)性化裝扮，是百度APP的付費(fèi)裝扮功能。我們探索限時(shí)開放給用戶免費(fèi)使用玩法，效果超預(yù)期，收獲了一大波裝扮新用戶。
b. 結(jié)合任務(wù)活動(dòng)：將“佩戴裝扮”作為運(yùn)營(yíng)任務(wù)，幫助用戶獲取任務(wù)金幣，也把熱門裝扮作為任務(wù)獎(jiǎng)勵(lì)。
c. 與大型運(yùn)營(yíng)活動(dòng)結(jié)合：與世界杯大型運(yùn)營(yíng)活動(dòng)結(jié)合，設(shè)計(jì)度曉曉世界杯16強(qiáng)球隊(duì)套裝皮膚，通過限免使用，提升裝扮滲透。
二 持續(xù)擴(kuò)充皮膚/掛件/個(gè)人主頁(yè)封面/頭像等個(gè)性化裝扮資產(chǎn)
裝扮資產(chǎn)擴(kuò)規(guī)模，重點(diǎn)考量通過提升設(shè)計(jì)質(zhì)量增加裝扮吸引力和快速擴(kuò)規(guī)模的效能如何提升。
1. 精細(xì)化打磨，打造百度APP裝扮套裝
1-1 表現(xiàn)手法-本能層：
深入研究畫面風(fēng)格，在年輕化現(xiàn)代審美指導(dǎo)下，選擇偏東方的設(shè)計(jì)風(fēng)格，如國(guó)風(fēng)、二次元風(fēng)格等，因?yàn)檫@類風(fēng)格多用圖形、線條、顏色來處理空間關(guān)系，畫面不會(huì)過于厚重，既迎合年輕用戶喜好，又不過多打擾APP內(nèi)容區(qū)域閱讀消費(fèi)。
舉例：七月中元節(jié)的裝扮設(shè)計(jì)中，整體配色偏暗、低飽和度的深紫色、偏灰的藍(lán)色，可以傳達(dá)出靜謐、神秘的氛圍。在色彩構(gòu)圖中沒有用過多的色彩搭配，使用高明度差來刻畫畫面結(jié)構(gòu)，因?yàn)槊鞫确床钐幱谌艘曈X的最底層。如果能用黑白反差區(qū)分層次，會(huì)首選黑白。在周圍環(huán)境色中使用偏灰的藍(lán)、紫色，并且與人身上的暖色對(duì)比，讓人物更加突出。而在畫面元素的刻畫上增加飄帶、魚尾的流動(dòng)感，這種帶有東方感的元素，這種留白、平衡構(gòu)圖和俠氣感，也有很強(qiáng)的東方特征，同時(shí)通過厚涂風(fēng)格中常用的使用飽和度差異、大透視效果營(yíng)造場(chǎng)景的空間感，增加畫面的細(xì)膩程度。
1-2 內(nèi)容-行為層：
在裝扮具體的內(nèi)容繪制中融入共情元素，吸引用戶注意。比如結(jié)合節(jié)日、大事件推送套裝，并在繪制中增加洛麗塔、國(guó)風(fēng)、JK等年輕用戶感興趣的元素。
1-3 內(nèi)涵-反思層：
通過積極情緒引導(dǎo)、激發(fā)思考，讓用戶感到心之向往或心生愉悅，可使用神情、動(dòng)作、裝飾花的花語(yǔ)等多種手段進(jìn)行情緒暗示。
2 單品擴(kuò)量，保證各類裝扮的更新頻率
與套裝制作不同，單品的更新需要更加短、頻、快，需要更加直接解決Z世代用戶痛點(diǎn)。
2-1 協(xié)助用戶搭建社交符號(hào)：
頭像，作為用戶在網(wǎng)絡(luò)世界身份的象征，我們從橫向團(tuán)隊(duì)項(xiàng)目中大量引入能代表身份狀態(tài)、游戲愛好等方面的資源，快速補(bǔ)充頭像單品資源庫(kù)，我們也根據(jù)用戶調(diào)研了解到有76%用戶愿意和朋友使用“閨蜜/情侶頭像”，我們?cè)陬^像庫(kù)中上線情侶頭像，并將完善“頭像分享卡”等功能形成體驗(yàn)閉環(huán)。
2-2 幫助用戶表達(dá)自我：
百度APP頭像掛件和游戲、社交、直播場(chǎng)景中的頭像框不同，并不為了彰顯關(guān)系、體現(xiàn)出社交關(guān)系中的尊貴感，百度APP用戶更希望借助頭像掛件來表達(dá)觀點(diǎn)，為自己的主張、個(gè)性貼標(biāo)簽。
2-3 結(jié)合用戶興趣引起關(guān)注和共鳴：
在羅盤大數(shù)據(jù)中，我們發(fā)現(xiàn)，王者榮耀、和平精英、元神等游戲中，25歲以下年輕用戶的占比都非常大，并且都愿意花錢購(gòu)買皮膚裝扮。二次元的游戲、動(dòng)漫內(nèi)容不僅僅受Z世代喜愛，且Z世代的滲透率最為突出。各大手游設(shè)計(jì)中也在不斷的融入二次元元素，我們借力百度AI畫圖技術(shù)-文心大模型快速補(bǔ)充了二次元、游戲等風(fēng)格方向的裝扮。
三 建立規(guī)范平臺(tái)，提物料輸出效率
為了展現(xiàn)更好的效果、適配更多的裝扮場(chǎng)景，且兼顧歷史與開發(fā)成本等原因，裝扮物料規(guī)則復(fù)雜，且種類繁多?！栋俣華PP裝扮體系設(shè)計(jì)規(guī)范平臺(tái)》應(yīng)運(yùn)而生，它涵蓋 5 項(xiàng)裝扮能力、2項(xiàng)運(yùn)營(yíng)能力；每項(xiàng)能力均配有一鍵預(yù)覽及導(dǎo)出物料模板。隨功能迭代及時(shí)更新，保障了裝扮物料的高效輸出。
結(jié)語(yǔ)
目前百度APP裝扮已經(jīng)完成了第一階段的建設(shè)，沉淀出一批受用戶喜歡的裝扮資產(chǎn)，未來我們也將不斷探索、創(chuàng)新更多裝扮玩法，未來也將探索出共創(chuàng)平臺(tái)，成為一個(gè)裝扮生態(tài)。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
。藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.bouu.cn