音磁是中国首个说唱音乐 AI 创新产品,面向 18-25 岁年轻用户群体的潮酷嘻哈兴趣社区。作为一个从 0 到 1 的产品,设计师通过电磁视觉风格和典型嘻哈的故事化 IP 角色,来缔造说唱文化深度,快速孵化 APP。

设计思路

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

1、风格化视觉语言 提炼视觉符号

2、故事化 IP 角色 树立品牌形象

音磁-电磁风说唱社区 - 图1

风格化设计语言 - 电磁风

a. 前期调研

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

音磁-电磁风说唱社区 - 图2

b. 情绪版表达

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

音磁-电磁风说唱社区 - 图3

音磁-电磁风说唱社区 - 图4

c. 电磁风视觉符号

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

音磁-电磁风说唱社区 - 图5

d. 视觉设计语言

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

音磁-电磁风说唱社区 - 图6

音磁-电磁风说唱社区 - 图7

① 品牌 LOGO

LOGO 的设计从多个方向:音符、图形、文字、字母等进行多方案的探索以及评审,最后和业务 & 设计团队达成一致确定了最终的品牌标示,以字母 “CI” 为主进行图形化设计,好记易识别。

音磁-电磁风说唱社区 - 图8

音磁-电磁风说唱社区 - 图9

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

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

音磁-电磁风说唱社区 - 图10

② 品牌色

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

音磁-电磁风说唱社区 - 图11

③ Icon

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

音磁-电磁风说唱社区 - 图12

④ 图形

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

音磁-电磁风说唱社区 - 图13

故事化 IP 角色 - 磁哥

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

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

音磁-电磁风说唱社区 - 图14

音磁-电磁风说唱社区 - 图15

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

音磁-电磁风说唱社区 - 图16

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

音磁-电磁风说唱社区 - 图17

音磁-电磁风说唱社区 - 图18

音磁-电磁风说唱社区 - 图19

总结

在用户调研报告中,音磁的设计风格满意度为 4.23 分(满分 5 分),得到了说唱圈用户的认可。作为一个从 0 到 1 的品牌,音磁的设计语言依然在不断的打磨、优化。极具特色的品牌调性能够确保产品、运营各环节的视觉设计更加统一,助力业务的发展。做一款新产品 - 风格化的设计语言,可以快速吸引目标用户;故事化 IP 角色,引发用户共情。


感谢阅读,以上内容均由百度 MEUX 团队原创设计,以及百度 MEUX 版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。

也欢迎加入 MEUX, 视觉 / 交互 / 用研

可投简历至 MEUX@BAIDU.COM

(注明信息获取来源如:公众号)

以下文章,你可能也感兴趣

⬇️

轻奢格调|构建百度直播平台设计语言系统

盲盒热潮 - 设计师必备工艺揭秘

译文:开启新时代的响应式网页设计

真相探秘:解密一夜狼人杀游戏设计

一局 APP 首页体验升级

关于我们:

MEUX, 百度移动生态用户体验设计中心,负责百度移动生态体系的用户 / 商业产品的全链路体验设计。

服务的产品包括百度 APP、百度搜索、百度百科、百度网盘、百度贴吧、百度商业产品等。

MEUX 以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。

听说长的好看的小伙伴,都会给我点个 “在看”

音磁-电磁风说唱社区 - 图20

音磁-电磁风说唱社区 - 图21
https://mp.weixin.qq.com/s/lFVL0k8Y_jDmF1feO_1fMA