音磁是中國首個(gè)說唱音樂AI創(chuàng)新產(chǎn)品，面向18-25歲年輕用戶群體的潮酷嘻哈興趣社區(qū)。作為一個(gè)從0到1的產(chǎn)品，設(shè)計(jì)師通過電磁視覺風(fēng)格和典型嘻哈的故事化IP角色，來締造說唱文化深度，快速孵化APP。
設(shè)計(jì)思路
本次設(shè)計(jì)目標(biāo)，聚焦說唱文化，對說唱文化進(jìn)行深入的探索思考，通過風(fēng)格化的設(shè)計(jì)語言賦予產(chǎn)品個(gè)性、確定產(chǎn)品調(diào)性。創(chuàng)建故事化IP角色，引起嘻哈用戶共情，幫助音磁打造年輕化、記憶點(diǎn)和競爭力的品牌形象。
1、風(fēng)格化視覺語言 提煉視覺符號
2、故事化IP角色 樹立品牌形象
風(fēng)格化設(shè)計(jì)語言
電磁風(fēng)
a.前期調(diào)研
項(xiàng)目啟動前期，我們對說唱文化、競品App、綜藝節(jié)目品牌、聲音可視化品牌運(yùn)營等案例調(diào)研分析，說唱文化凸顯個(gè)性，極具潮流特色，結(jié)合項(xiàng)目立項(xiàng)資料。得出以下結(jié)論：
b.情緒版表達(dá)
從調(diào)研分析中尋找共性，歸納總結(jié)符合產(chǎn)品調(diào)性的視覺調(diào)性，擴(kuò)展出一些說唱圈情緒關(guān)鍵詞：潮酷、大膽、個(gè)性，并且分方向進(jìn)行設(shè)計(jì)風(fēng)格探索。推演出音磁產(chǎn)品的設(shè)計(jì)語言，簡潔平面電磁風(fēng)+潮酷涂鴉個(gè)性化。
c.電磁風(fēng)視覺符號
基于產(chǎn)品情緒版關(guān)鍵詞：潮酷、大膽、個(gè)性，探索視覺符號。結(jié)合產(chǎn)品名稱音[磁]，以電磁為視覺符號語言貫穿整個(gè)產(chǎn)品以及品牌設(shè)計(jì)中，凸顯潮酷的氣質(zhì)。
d.視覺設(shè)計(jì)語言
將簡潔平面電磁風(fēng)與潮酷涂鴉個(gè)性氣質(zhì)融合是音磁視覺語言的重要視覺呈現(xiàn)方式。倡導(dǎo)“簡潔、易用、潮酷”的設(shè)計(jì)理念，通過電磁風(fēng)的視覺風(fēng)格，來締造說唱文化，拉近與核心用戶的距離。
① 品牌LOGO
LOGO的設(shè)計(jì)從多個(gè)方向：音符、圖形、文字、字母等進(jìn)行多方案的探索以及評審，最后和業(yè)務(wù)&設(shè)計(jì)團(tuán)隊(duì)達(dá)成一致確定了最終的品牌標(biāo)示，以字母“CI”為主進(jìn)行圖形化設(shè)計(jì)，好記易識別。
標(biāo)準(zhǔn)圖形：形狀來源于音磁中“磁”的拼音『CI』，利用類似「過電」「故障」「重疊」的圖形處理，視覺化了“磁”的感受。我們把『CI』字形往前傾斜了10度帶來一種速度感，綠黑白的顏色搭配讓它在眾多l(xiāng)ogo中有較強(qiáng)的識別度和記憶點(diǎn)。
標(biāo)準(zhǔn)字：延續(xù)LOGO的速度感，如傾斜度、尖角、筆畫粗細(xì)，提煉加入電磁符號，呼應(yīng)logo圖形，強(qiáng)化超級符號并應(yīng)用在界面中。LOGO整體傳達(dá)出年輕、時(shí)尚、不羈的感覺，符合音磁嘻哈社區(qū)的產(chǎn)品定位。
② 品牌色
黑+綠大膽配色，酷炫十足，釋放潮流激情，綠色-年輕有生命力。
③ Icon
功能性圖標(biāo)在一致性的前提下，圓角化處理，提高識別度、親和度，保證易用性，結(jié)合品牌色，夯實(shí)品牌調(diào)性。
④ 圖形
個(gè)性化磁力禮物的設(shè)計(jì)采用涂鴉貼紙風(fēng)，滿足說唱圈文化圈層喜好，凸顯說唱應(yīng)用產(chǎn)品的個(gè)性。
故事化IP角色-磁哥
IP形象能讓用戶快速建立品牌聯(lián)想與品牌識別，IP的融入可以增加產(chǎn)品的情緒溫度，使其產(chǎn)生共情，共情力才是IP能成功的最關(guān)鍵屬性。產(chǎn)品中增加一些代入性、趣味性的情感元素，讓用戶在使用的過程中更愉悅。
我們深入研究說唱文化圈層，挖掘用戶喜好，用故事化角色拉近距離，提煉可視化關(guān)鍵詞：涂鴉貼紙、臟辮、說唱、潮流、個(gè)性等。賦予角色性格、喜好、身份。設(shè)定了一個(gè)異于常人的個(gè)性化小綠人角色（初代版本）。
IP在產(chǎn)品應(yīng)用中，關(guān)注用戶使用情緒，緩解焦慮、等待的情緒，結(jié)合趣味性的潮流話術(shù)，引導(dǎo)積極正向情緒，來制造生動有趣的氣氛。
升級版IP角色，頭部結(jié)合品牌圖形加入電磁超級符號，使其更超酷靈動。下圖為音磁專屬特色表情。
總結(jié)
在用戶調(diào)研報(bào)告中，音磁的設(shè)計(jì)風(fēng)格滿意度為4.23分（滿分5分），得到了說唱圈用戶的認(rèn)可。作為一個(gè)從 0 到1的品牌，音磁的設(shè)計(jì)語言依然在不斷的打磨、優(yōu)化。極具特色的品牌調(diào)性能夠確保產(chǎn)品、運(yùn)營各環(huán)節(jié)的視覺設(shè)計(jì)更加統(tǒng)一，助力業(yè)務(wù)的發(fā)展。做一款新產(chǎn)品-風(fēng)格化的設(shè)計(jì)語言，可以快速吸引目標(biāo)用戶；故事化IP角色，引發(fā)用戶共情。
原文地址：百度MEUX（公眾號）
作者：文娛平臺用戶體驗(yàn)
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》音磁APP-電磁風(fēng)說唱社區(qū)
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ù)