原文地址：百度MEUX（公眾號）

作者：百度MEUX

咻咻星球是百度游戲業(yè)務(wù)旗下的一款年輕化游戲社區(qū)，就業(yè)務(wù)目標(biāo)而言希望通過這個產(chǎn)品一站式滿足游戲用戶全生命周期的需求。設(shè)計目標(biāo)則是通過建立年輕、潮流化的設(shè)計語言，打造出一個符合游戲用戶認知的品牌印象。


?

一、明確業(yè)務(wù)目標(biāo)

在設(shè)計之前，我們對業(yè)務(wù)目標(biāo)進行了梳理。作為一款全新的游戲社區(qū)產(chǎn)品，業(yè)務(wù)圍繞3個目標(biāo)去打造這款產(chǎn)品：
①激發(fā)用戶找游戲的靈感②滿足用戶對內(nèi)容的需求③用服務(wù)和社交關(guān)系沉淀用戶
?

?

二、找到設(shè)計方向

1、核心關(guān)鍵詞
通過腦暴確定出3個核心關(guān)鍵詞，在此之下延展出更多具象的詞幫助視覺落地。
?

2、搭建世界觀
通過故事線推演，串聯(lián)關(guān)鍵詞，搭建產(chǎn)品世界觀：用戶在游戲的“宇宙”中漫游，在漫游過程中入駐自己喜歡的“星球”，為自己的星球貢獻內(nèi)容，與其他用戶互動，使自己的星球更加繁榮。
基于這套世界觀，設(shè)計師正式進入設(shè)計方案探索。
?

?

三、搭建設(shè)計語言框架

?

1、設(shè)計方案探索

?

①突出年輕潮流感②突出宇宙故事背景③突出內(nèi)容專業(yè)權(quán)威
通過溝通，最終選定在方案①的基礎(chǔ)上進行細化，著重表現(xiàn)這個游戲社區(qū)的年輕，有趣和濃厚的互動氛圍。
?

2、明確設(shè)計風(fēng)格
通過情緒版明確產(chǎn)品的視覺風(fēng)格，用高飽和度撞色，貼紙、花體字、粗描邊等表現(xiàn)形式突出年輕、個性。從情緒板中進一步提取出產(chǎn)品的品牌色，在快速推進設(shè)計方案的同時保證設(shè)計語言的一致性。
?

?

?

四、設(shè)計語言滲透
?

1、核心設(shè)計思路
用設(shè)計表現(xiàn)手法去勾勒出品牌性格，多場景滲透設(shè)計語言，建立品牌認知，使用戶逐步加深品牌記憶。
?

2、品牌創(chuàng)意積累
產(chǎn)品界面設(shè)計探索的同時，品牌側(cè)啟動創(chuàng)意探索，為呈現(xiàn)一致的品牌印象做創(chuàng)意素材積累。
1.品牌LOGO
從品牌字、讀音、故事背景等多維度進行LOGO方案探索，最終選定年輕向上的火苗圖形，結(jié)合宇宙星環(huán)，表達產(chǎn)品年輕、向上的品牌印象。
?

2.品牌IP-咻哥
從LOGO圖形延展出IP的雛形，賦予游戲化特征，通過這個年輕調(diào)皮的形象增加游戲社區(qū)的親和力，將他作為咻咻星球的一員貫穿產(chǎn)品，強化產(chǎn)品的游戲特征。
?

?

3.品牌創(chuàng)意創(chuàng)意擴展
從LOGO，形象，圖形等維度擴展更多創(chuàng)意形式探索更多可能性。
?

3、多場景滲透
滲透方式：帶入用戶視角，將品牌核心元素、IP形象滲透在產(chǎn)品核心場景中。
?

1.產(chǎn)品端滲透
?

• 品牌初印象：在LOGO、閃屏、應(yīng)用市場介紹圖中放大視覺風(fēng)格，給用戶留下深刻的品牌初印象，激發(fā)用戶的探索欲望。

?

• 初次探索產(chǎn)品

?

• 找游戲

?

• 找內(nèi)容/互動

?

• 互動表情包

2.運營場景滲透
?

• 以運營閃屏形式強化IP形象

3.結(jié)合動效強化滲透效果
?

• 用動效傳遞自然、活力且年輕的品牌感知，將靜態(tài)感受和動態(tài)感受高度統(tǒng)一的同時增加趣味性。

?

• 動態(tài)表情包，進一步的強化趣味性，呈現(xiàn)令人會心一笑的設(shè)計，表現(xiàn)游戲產(chǎn)品特有的幽默感。

寫在最后

構(gòu)建一套完整且有記憶點的設(shè)計語言是由點及面的綜合考量。在這個案例中，無論是產(chǎn)品前期的業(yè)務(wù)理解，世界觀構(gòu)建，還是設(shè)計過程中的每一次嘗試，設(shè)計師都是從打造一致的品牌印象出發(fā)。通過豐富的設(shè)計表現(xiàn)手法勾勒出品牌性格，多場景強化滲透，向用戶傳遞出一致的品牌印象。