原文链接:
https://mp.weixin.qq.com/s/lFVL0k8Y_jDmF1feO_1fMA

项目介绍:

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

总结:

一、风格化设计语言-电磁风:
1.前期调研:用户类型,品牌人格,视觉映射
2.情绪版表达:潮酷,大胆,个性
3.电磁风视觉符号:结合产品名称音[磁],以电磁为视觉符号语言贯穿整个产品以及品牌设计中,凸显潮酷的气质。
4.视觉设计语言:简洁,易用,潮酷
二、视觉呈现:
1.品牌logo:以字母“CI”为主进行图形化设计,好记易识别。
2.标准图形:形状来源于音磁中“磁”的拼音『CI』,利用类似「过电」「故障」「重叠」的图形处理,视觉化了“磁”的感受。『CI』字形往前倾斜了10度带来一种速度感。
3.标准字:延续LOGO的速度感,强化超级符号并应用在界面中。
4.品牌色:黑+绿大胆配色
5.Icon:功能性图标圆角化处理,结合品牌色,夯实品牌调性。
6.图形:涂鸦贴纸风个性化磁力礼物设计

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

设计思路

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

1、风格化视觉语言 提炼视觉符号
2、故事化IP角色 树立品牌形象

百度MEUX《音磁-电磁风说唱社区》 - 图1

风格化设计语言-电磁风

a.前期调研

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

百度MEUX《音磁-电磁风说唱社区》 - 图2

b.情绪版表达

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

百度MEUX《音磁-电磁风说唱社区》 - 图3
百度MEUX《音磁-电磁风说唱社区》 - 图4

c.电磁风视觉符号

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

百度MEUX《音磁-电磁风说唱社区》 - 图5

d.视觉设计语言

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

① 品牌LOGO

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

百度MEUX《音磁-电磁风说唱社区》 - 图8
百度MEUX《音磁-电磁风说唱社区》 - 图9

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

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

百度MEUX《音磁-电磁风说唱社区》 - 图10

② 品牌色

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

百度MEUX《音磁-电磁风说唱社区》 - 图11

③ Icon

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

百度MEUX《音磁-电磁风说唱社区》 - 图12

④ 图形

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

百度MEUX《音磁-电磁风说唱社区》 - 图13

故事化IP角色-磁哥

IP形象能让用户快速建立品牌联想与品牌识别,IP的融入可以增加产品的情绪温度,使其产生共情,共情力才是IP能成功的最关键属性。产品中增加一些代入性、趣味性的情感元素,让用户在使用的过程中更愉悦。
我们深入研究说唱文化圈层,挖掘用户喜好,用故事化角色拉近距离,提炼可视化关键词:涂鸦贴纸、脏辫、说唱、潮流、个性等。赋予角色性格、喜好、身份。设定了一个异于常人的个性化小绿人角色(初代版本)。

百度MEUX《音磁-电磁风说唱社区》 - 图14

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

百度MEUX《音磁-电磁风说唱社区》 - 图15

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

百度MEUX《音磁-电磁风说唱社区》 - 图16
百度MEUX《音磁-电磁风说唱社区》 - 图17
百度MEUX《音磁-电磁风说唱社区》 - 图18

总结

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

**