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


58到家精选成长体系墩墩,是58UXD用户体验设计中心新推出的成长体系吉祥物,作为家政小能手出道。墩墩从今年7月份开始启动设计,目前活动已经上线,欢迎大家下载到家精选APP,线上领取属于自己的墩墩~
墩墩视频.mp4

01 墩墩诞生记

一个吉祥物的诞生往往并不是一拍脑袋凭空想象出来的,而是要通过一些可知条件包括现有产品的品牌基因来进行客观分析、解读进而设计。首先塑造一个吉祥物的诞生需要融入所支持产品的价值观,在此基础上它要有自己的故事与他人产生共情。在这之后可以在个性和人设上有些区别于其他吉祥物的特点。最好是能够在造型上拥有唯一特征,强化大家对它的印象。

有了这样前期对于吉祥物的预期和定义,在后面的视觉产出和创造力发散上才不至于过于跑题。
image.png
作为到家精选成长体系的IP形象,首先要融入到家精选的品牌定位。
专业性、安全感、保障性、品质感和温暖感。
image.png

其次品牌颜色的应用会让我们IP形象的定位更加一目了然。并且我们在主品牌色中运用了提纯的方法使IP既不脱离产品,色彩上又体现出IP本身拥有的活泼年轻感。

58同城|产品IP设计指南 - 图3

提取品牌主色,将已知的颜色抽象一些关键词,对后面的视觉风格进行铺垫。

58同城|产品IP设计指南 - 图4

接下来汇集了品牌价值观和品牌色的一些关键词便可以进行头脑风暴的创意发散了。在头脑风暴中我们也是首先将创意进行了分类。

我们具体将其分为了植物、动物、建筑以及日用品,这几类生活化具有亲切感的类别。

58同城|产品IP设计指南 - 图5

在有了这几个大类别后,我们将创意进行对号入座进行简单草图的绘制,低成本的去和项目中的伙伴进行投票选择。

58同城|产品IP设计指南 - 图6

最终拖把头拟人的形象拔得头筹。

02 3D还原模型

在3D还原模型这一部分不仅要还原草图的形象外观,还要在最终呈现的视觉风格中进行新的定义。在建立模型初期,我们先没有急于开始动手,而是先去多看。寻找我们要建立的视觉风格,最终选定了我们的风格特点。(以下皆为网图创意参考)
image.png

确认风格特点后,墩墩的模型也相应诞生了。整体以微绒毛感的材质作为主体材质,体现我们价值观中的温暖感、安全感和品质感。拖把头部分加入了针织材质,使其更贴合拖把物体本身。为了使角色更具有独特性,我们也是将拖把设计成吉祥物的头发作为强化视觉特点的一个创意进行呈现。强化用户对他的记忆。额前的护额同时也凸显了形象的年轻气质。
image.png

03 生活场景搭建

一款app的成长体系,生长环境肯定是必不可少的。作为一个UI界面中辅助存在的一个视觉部分来说,太过抢眼肯定是不合适的。所以我们在结合了形象本身的视觉风格,对背景环境同时也进行了一些设计。首先在室内外的选择中我们优先选择了室内,第一点是毕竟拖把本身更经常出现在室内,第二点是家庭内的氛围感更能体现温暖和家庭服务的含义。过程中我们也是精心筛选了室内家具和场景中要出现的元素。一个温暖的家庭一扇明亮的窗户必不可少,再加一些简单的家具和绿植基本上就完成了我们的场景搭建。整体色彩还是以我们的品牌色作为主要输出,辅助黄色赋予家具进行点缀。我们的一期场景就这样诞生了。

58同城|产品IP设计指南 - 图9

04 互动动画设计

一个不会动的吉祥物无异于没有灵魂,同时配合app中的引导话术,墩墩的小动作也就应用而生了。

58同城|产品IP设计指南 - 图10
待机动画

58同城|产品IP设计指南 - 图11
点击动画

58同城|产品IP设计指南 - 图12
鼓励动画

58同城|产品IP设计指南 - 图13
领取金币动画

05 创建世界观

我们说一个人是活的首先它要拥有自己的世界,然后做一些事情,才能产生不同的个性。我们的墩墩现在缺少的就是一个让他活起来的故事。区别于其他非常完整冗长的故事,我们想做点轻松有趣的事儿。于是在绘制故事脚本时我们希望他很简短,就像是一天中发生的一件事。这一件事可以体现出墩墩的特点和趣味,就意味着我们成功了。于是围绕我们产品的家政主题绘制了小动画的脚本。

58同城|产品IP设计指南 - 图14
如片头所见,墩墩魔性的语气音和憨中带着那么点可爱的感觉就是我们想要的差异性。以主app中的环境搭建我们的动画场景统一风格,以下为我们的细化场景。

58同城|产品IP设计指南 - 图15

58同城|产品IP设计指南 - 图16

58同城|产品IP设计指南 - 图17

58同城|产品IP设计指南 - 图18

以上就是我们目前58到家精选成长体系墩墩的成长日记,如果你觉得墩墩很可爱,请不要吝啬你的赞美和点赞,他会在他的世界感受到你的善意~

58同城|产品IP设计指南 - 图19

58同城|产品IP设计指南 - 图2058UXD
一只家政小精灵的自我修养~ 58到家精选成长体系墩墩,是58UXD用户体验设计中心新推出的成长体系吉祥物,作为家政小能手出道。欢迎大家下载58到家精选APP,线上领取属于自己的墩墩~ #IP设计#到家精选#58同城#动画#设计
视频号
🙋 一起聊设计 🙋‍♂️

高质量,学知识的设计行业群

设计行业一手资料
设计大厂最直接内推

定期大咖直播
0门槛扫码进群!
期待与更多优秀设计师一起成长🤩
58同城|产品IP设计指南 - 图21

58同城|产品IP设计指南 - 图22