编辑导语:做一款新产品-风格化的设计语言,可以快速吸引目标用户。音磁是中国首个说唱音乐AI创新产品,本篇内容作者将围绕“设计思路”、“设计风格”、“IP角色”等角度进行分析,希望能给大家带来启发~

网上超火电音(音磁-电磁风说唱社区)(1)

音磁是中国首个说唱音乐AI创新产品,面向18-25岁年轻用户群体的潮酷嘻哈兴趣社区。

作为一个从0到1的产品,设计师通过电磁视觉风格和典型嘻哈的故事化IP角色,来缔造说唱文化深度,快速孵化APP。

一、设计思路

本次设计目标,聚焦说唱文化,对说唱文化进行深入的探索思考,通过风格化的设计语言赋予产品个性、确定产品调性。创建故事化IP角色,引起嘻哈用户共情,帮助音磁打造年轻化、记忆点和竞争力的品牌形象。

网上超火电音(音磁-电磁风说唱社区)(2)

二、风格化设计语言-电磁风

1. 前期调研

项目启动前期,我们对说唱文化、竞品App、综艺节目品牌、声音可视化品牌运营等案例调研分析,说唱文化凸显个性,极具潮流特色,结合项目立项资料。得出以下结论:

网上超火电音(音磁-电磁风说唱社区)(3)

2. 情绪版表达

从调研分析中寻找共性,归纳总结符合产品调性的视觉调性,扩展出一些说唱圈情绪关键词:潮酷、大胆、个性,并且分方向进行设计风格探索。推演出音磁产品的设计语言,简洁平面电磁风 潮酷涂鸦个性化。

网上超火电音(音磁-电磁风说唱社区)(4)

网上超火电音(音磁-电磁风说唱社区)(5)

3. 电磁风视觉符号

基于产品情绪版关键词:潮酷、大胆、个性,探索视觉符号。结合产品名称音[磁],以电磁为视觉符号语言贯穿整个产品以及品牌设计中,凸显潮酷的气质。

网上超火电音(音磁-电磁风说唱社区)(6)

4. 视觉设计语言

将简洁平面电磁风与潮酷涂鸦个性气质融合是音磁视觉语言的重要视觉呈现方式。倡导“简洁、易用、潮酷”的设计理念,通过电磁风的视觉风格,来缔造说唱文化,拉近与核心用户的距离。

网上超火电音(音磁-电磁风说唱社区)(7)

网上超火电音(音磁-电磁风说唱社区)(8)

① 品牌LOGO

LOGO的设计从多个方向:音符、图形、文字、字母等进行多方案的探索以及评审,最后和业务。

设计团队达成一致确定了最终的品牌标示,以字母“CI”为主进行图形化设计,好记易识别。

网上超火电音(音磁-电磁风说唱社区)(9)

网上超火电音(音磁-电磁风说唱社区)(10)

标准图形:形状来源于音磁中“磁”的拼音『CI』,利用类似「过电」「故障」「重叠」的图形处理,视觉化了“磁”的感受。我们把『CI』字形往前倾斜了10度带来一种速度感,绿黑白的颜色搭配让它在众多logo中有较强的识别度和记忆点。

标准字:延续LOGO的速度感,如倾斜度、尖角、笔画粗细,提炼加入电磁符号,呼应logo图形,强化超级符号并应用在界面中。LOGO整体传达出年轻、时尚、不羁的感觉,符合音磁嘻哈社区的产品定位。

网上超火电音(音磁-电磁风说唱社区)(11)

② 品牌色

黑 绿大胆配色,酷炫十足,释放潮流激情,绿色-年轻有生命力。

网上超火电音(音磁-电磁风说唱社区)(12)

③ Icon

功能性图标在一致性的前提下,圆角化处理,提高识别度、亲和度,保证易用性,结合品牌色,夯实品牌调性。

网上超火电音(音磁-电磁风说唱社区)(13)

④ 图形

个性化磁力礼物的设计采用涂鸦贴纸风,满足说唱圈文化圈层喜好,凸显说唱应用产品的个性。

网上超火电音(音磁-电磁风说唱社区)(14)

三、故事化IP角色-磁哥

IP形象能让用户快速建立品牌联想与品牌识别,IP的融入可以增加产品的情绪温度,使其产生共情,共情力才是IP能成功的最关键属性。产品中增加一些代入性、趣味性的情感元素,让用户在使用的过程中更愉悦。

我们深入研究说唱文化圈层,挖掘用户喜好,用故事化角色拉近距离,提炼可视化关键词:涂鸦贴纸、脏辫、说唱、潮流、个性等。赋予角色性格、喜好、身份。设定了一个异于常人的个性化小绿人角色(初代版本)。

网上超火电音(音磁-电磁风说唱社区)(15)

网上超火电音(音磁-电磁风说唱社区)(16)

IP在产品应用中,关注用户使用情绪,缓解焦虑、等待的情绪,结合趣味性的潮流话术,引导积极正向情绪,来制造生动有趣的气氛。

网上超火电音(音磁-电磁风说唱社区)(17)

升级版IP角色,头部结合品牌图形加入电磁超级符号,使其更超酷灵动。下图为音磁专属特色表情。

网上超火电音(音磁-电磁风说唱社区)(18)

网上超火电音(音磁-电磁风说唱社区)(19)

网上超火电音(音磁-电磁风说唱社区)(20)

四、总结

在用户调研报告中,音磁的设计风格满意度为4.23分(满分5分),得到了说唱圈用户的认可。作为一个从 0 到1的品牌,音磁的设计语言依然在不断的打磨、优化。

极具特色的品牌调性能够确保产品、运营各环节的视觉设计更加统一,助力业务的发展。

做一款新产品-风格化的设计语言,可以快速吸引目标用户;故事化IP角色,引发用户共情。

作者:百度MEUX,百度移动生态用户体验设计中心,负责百度移动生态体系的用户/商业产品的全链路体验设计。服务的产品包括百度APP、百度搜索、百度百科、百度网盘、百度贴吧、百度商业产品等。

本文由 @百度MEUX 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自Unsplash,基于CC0协议

,