編輯導(dǎo)語(yǔ)：做一款新產(chǎn)品-風(fēng)格化的設(shè)計(jì)語(yǔ)言，可以快速吸引目標(biāo)用戶(hù)。音磁是中國(guó)首個(gè)說(shuō)唱音樂(lè)AI創(chuàng)新產(chǎn)品，本篇內(nèi)容作者將圍繞“設(shè)計(jì)思路”、“設(shè)計(jì)風(fēng)格”、“IP角色”等角度進(jìn)行分析，希望能給大家?guī)?lái)啟發(fā)~

音磁是中國(guó)首個(gè)說(shuō)唱音樂(lè)AI創(chuàng)新產(chǎn)品，面向18-25歲年輕用戶(hù)群體的潮酷嘻哈興趣社區(qū)。

作為一個(gè)從0到1的產(chǎn)品，設(shè)計(jì)師通過(guò)電磁視覺(jué)風(fēng)格和典型嘻哈的故事化IP角色，來(lái)締造說(shuō)唱文化深度，快速孵化APP。

一、設(shè)計(jì)思路

本次設(shè)計(jì)目標(biāo)，聚焦說(shuō)唱文化，對(duì)說(shuō)唱文化進(jìn)行深入的探索思考，通過(guò)風(fēng)格化的設(shè)計(jì)語(yǔ)言賦予產(chǎn)品個(gè)性、確定產(chǎn)品調(diào)性。創(chuàng)建故事化IP角色，引起嘻哈用戶(hù)共情，幫助音磁打造年輕化、記憶點(diǎn)和競(jìng)爭(zhēng)力的品牌形象。

1. 風(fēng)格化視覺(jué)語(yǔ)言 提煉視覺(jué)符號(hào)
2. 故事化IP角色 樹(shù)立品牌形象

二、風(fēng)格化設(shè)計(jì)語(yǔ)言-電磁風(fēng)

1. 前期調(diào)研

項(xiàng)目啟動(dòng)前期，我們對(duì)說(shuō)唱文化、競(jìng)品App、綜藝節(jié)目品牌、聲音可視化品牌運(yùn)營(yíng)等案例調(diào)研分析，說(shuō)唱文化凸顯個(gè)性，極具潮流特色，結(jié)合項(xiàng)目立項(xiàng)資料。得出以下結(jié)論：

2. 情緒版表達(dá)

從調(diào)研分析中尋找共性，歸納總結(jié)符合產(chǎn)品調(diào)性的視覺(jué)調(diào)性，擴(kuò)展出一些說(shuō)唱圈情緒關(guān)鍵詞：潮酷、大膽、個(gè)性，并且分方向進(jìn)行設(shè)計(jì)風(fēng)格探索。推演出音磁產(chǎn)品的設(shè)計(jì)語(yǔ)言，簡(jiǎn)潔平面電磁風(fēng)+潮酷涂鴉個(gè)性化。

3. 電磁風(fēng)視覺(jué)符號(hào)

基于產(chǎn)品情緒版關(guān)鍵詞：潮酷、大膽、個(gè)性，探索視覺(jué)符號(hào)。結(jié)合產(chǎn)品名稱(chēng)音[磁]，以電磁為視覺(jué)符號(hào)語(yǔ)言貫穿整個(gè)產(chǎn)品以及品牌設(shè)計(jì)中，凸顯潮酷的氣質(zhì)。

4. 視覺(jué)設(shè)計(jì)語(yǔ)言

將簡(jiǎn)潔平面電磁風(fēng)與潮酷涂鴉個(gè)性氣質(zhì)融合是音磁視覺(jué)語(yǔ)言的重要視覺(jué)呈現(xiàn)方式。倡導(dǎo)“簡(jiǎn)潔、易用、潮酷”的設(shè)計(jì)理念，通過(guò)電磁風(fēng)的視覺(jué)風(fēng)格，來(lái)締造說(shuō)唱文化，拉近與核心用戶(hù)的距離。

① 品牌LOGO

LOGO的設(shè)計(jì)從多個(gè)方向：音符、圖形、文字、字母等進(jìn)行多方案的探索以及評(píng)審，最后和業(yè)務(wù)。

設(shè)計(jì)團(tuán)隊(duì)達(dá)成一致確定了最終的品牌標(biāo)示，以字母“CI”為主進(jìn)行圖形化設(shè)計(jì)，好記易識(shí)別。

標(biāo)準(zhǔn)圖形：形狀來(lái)源于音磁中“磁”的拼音『CI』，利用類(lèi)似「過(guò)電」「故障」「重疊」的圖形處理，視覺(jué)化了“磁”的感受。我們把『CI』字形往前傾斜了10度帶來(lái)一種速度感，綠黑白的顏色搭配讓它在眾多l(xiāng)ogo中有較強(qiáng)的識(shí)別度和記憶點(diǎn)。

標(biāo)準(zhǔn)字：延續(xù)LOGO的速度感，如傾斜度、尖角、筆畫(huà)粗細(xì)，提煉加入電磁符號(hào)，呼應(yīng)logo圖形，強(qiáng)化超級(jí)符號(hào)并應(yīng)用在界面中。LOGO整體傳達(dá)出年輕、時(shí)尚、不羈的感覺(jué)，符合音磁嘻哈社區(qū)的產(chǎn)品定位。

② 品牌色

黑+綠大膽配色，酷炫十足，釋放潮流激情，綠色-年輕有生命力。

③ Icon

功能性圖標(biāo)在一致性的前提下，圓角化處理，提高識(shí)別度、親和度，保證易用性，結(jié)合品牌色，夯實(shí)品牌調(diào)性。

④ 圖形

個(gè)性化磁力禮物的設(shè)計(jì)采用涂鴉貼紙風(fēng)，滿(mǎn)足說(shuō)唱圈文化圈層喜好，凸顯說(shuō)唱應(yīng)用產(chǎn)品的個(gè)性。

三、故事化IP角色-磁哥

IP形象能讓用戶(hù)快速建立品牌聯(lián)想與品牌識(shí)別，IP的融入可以增加產(chǎn)品的情緒溫度，使其產(chǎn)生共情，共情力才是IP能成功的最關(guān)鍵屬性。產(chǎn)品中增加一些代入性、趣味性的情感元素，讓用戶(hù)在使用的過(guò)程中更愉悅。

我們深入研究說(shuō)唱文化圈層，挖掘用戶(hù)喜好，用故事化角色拉近距離，提煉可視化關(guān)鍵詞：涂鴉貼紙、臟辮、說(shuō)唱、潮流、個(gè)性等。賦予角色性格、喜好、身份。設(shè)定了一個(gè)異于常人的個(gè)性化小綠人角色（初代版本）。

IP在產(chǎn)品應(yīng)用中，關(guān)注用戶(hù)使用情緒，緩解焦慮、等待的情緒，結(jié)合趣味性的潮流話(huà)術(shù)，引導(dǎo)積極正向情緒，來(lái)制造生動(dòng)有趣的氣氛。

升級(jí)版IP角色，頭部結(jié)合品牌圖形加入電磁超級(jí)符號(hào)，使其更超酷靈動(dòng)。下圖為音磁專(zhuān)屬特色表情。

四、總結(jié)

在用戶(hù)調(diào)研報(bào)告中，音磁的設(shè)計(jì)風(fēng)格滿(mǎn)意度為4.23分（滿(mǎn)分5分），得到了說(shuō)唱圈用戶(hù)的認(rèn)可。作為一個(gè)從 0 到1的品牌，音磁的設(shè)計(jì)語(yǔ)言依然在不斷的打磨、優(yōu)化。

極具特色的品牌調(diào)性能夠確保產(chǎn)品、運(yùn)營(yíng)各環(huán)節(jié)的視覺(jué)設(shè)計(jì)更加統(tǒng)一，助力業(yè)務(wù)的發(fā)展。

做一款新產(chǎn)品-風(fēng)格化的設(shè)計(jì)語(yǔ)言，可以快速吸引目標(biāo)用戶(hù)；故事化IP角色，引發(fā)用戶(hù)共情。

作者：百度MEUX，百度移動(dòng)生態(tài)用戶(hù)體驗(yàn)設(shè)計(jì)中心，負(fù)責(zé)百度移動(dòng)生態(tài)體系的用戶(hù)/商業(yè)產(chǎn)品的全鏈路體驗(yàn)設(shè)計(jì)。服務(wù)的產(chǎn)品包括百度APP、百度搜索、百度百科、百度網(wǎng)盤(pán)、百度貼吧、百度商業(yè)產(chǎn)品等。

本文由 @百度MEUX 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議