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