有趣的灵魂万里挑一,有趣的图标则受大众的喜爱。现在市场上的品牌越来越多,常见普通的图标已经满足不了用户的需求了。下面以“被窝知道”的图标设计项目为例,为大家分享设计过程,让大家快速产生设计灵感。

如何设计出有趣的图标


1
项目制作


被窝家装推出了自己的线上百科产品:被窝知道,其配合工艺介绍、家装案例等板块,让用户了解装修知识系统,提升家装体验。

需求为设计一套icon,用生动有趣的形式展现产品中的80余个知识场景。对装修疑问的解答过程,是品牌同用户的交流互动。如何让沟通交流的过程专业但不枯燥,是本次设计的重点。


2
切入点


被窝app1.5版本中,被窝设计团队结合用户调研梳理出品牌关键词:专业与温暖,这里注重品牌 IP:Mr.Wo的融入。

Mr.Wo是被窝品牌的人物形象,继承被窝Logo的眼睛,并延续被窝品牌积极正面的情感内核:可爱逗趣、充满好奇,对生活品质有着自己的追求。

如何设计出有趣的图标

作为品牌的“代言人”,选择 IP 形象作为视觉创意的切入点,让其成为与用户沟通的入口,帮助复杂的百科内容变得专业而有趣。


3
确立风格


确定以IP为载体进行设计,但有几个问题:icon风格如何选择、温暖有趣要怎样体现,所以需要结合产品功能进行分析。产品APP的特征:

1、内容中,被窝知道APP采用一问一答的方式进行讲解。

2、内容多样场景,项目需要设计的icon约 80 个,需要针对特定的生活场景及家装体验。

如何设计出有趣的图标

结合上面特征,视觉创意发散的关键词为轻松、故事感。“轻松”是营造轻松、友好的阅读氛围,而“故事感”是为了区分场景,贴近生活画面吸引用户。


4
提高视觉体验


通过下面步骤来营造轻松生动的视觉体验:

1、IP融入

从产品入口到文章分享,IP 融入让风趣幽默的态度在产品内贯穿始终,赋予产品人格魅力。

如何设计出有趣的图标

2、调性把控

在体验过程中,icon需要做到视觉统一,以保证整体氛围稳定。需要从风格、色彩、复杂程度等对icon进行规范处理。

风格上,icon 统一使用线性+色块的视觉语言,其中线条用于勾勒基础场景,色块用于强调重点元素。色彩上精简图标颜色,在品牌黄之外仅以蓝、橙颜色来表达信息。为营造“轻松”的氛围,整套 icon 尝试使用断线风格,避免复杂图案的使用。对于 IP 人物,简化细节并对人物比例进行 Q 版处理。

如何设计出有趣的图标

3、升温共情

被窝知道APP中对各种装修问题解答,是在回应用户情绪。在 icon 的设计过程中,可以使用诙谐幽默的方式来强化正面情感:比如通过描绘 Mr.Wo 在飘窗上仰望星空的场景来放大对浪漫生活的憧憬之情,又或是用淡定清扫房间的 Mr.Wo 来缓解对卫生问题的忧虑之情。

如何设计出有趣的图标

此外利用场景中的不同情绪,也能够增加视觉的趣味性。同样是以“卫生间”作为标题,百科内容中有一篇侧重规避装修隐患、一篇侧重提升居住体验,对应用户的潜在痛点与爽点。在设计过程中回想卫生间里代表“爽”与“不爽”的元素,最先想到的便是厕纸与马桶搋子:能贱兮兮的翘着小拇指抽取厕纸。手足无措的握住马桶搋子,则表明厕所一定发生了什么不妙的事情。将两种场景具象化的描绘出来,可以区分标题重复带来的难题,也表达了品牌积极、阳光的性格。

如何设计出有趣的图标

有趣的图标设计案例就讲到这里,设计中可以使用幽默风趣的设计手法寻找产品中的情感发力点,吸引用户注意,并通过情感累加,提升大众对于品牌的认同感。