福利:公众号后台回复 “钉钉规范” 可获取下载《 钉钉品牌设计手册.pdf + DingUI4.0.Sketch》,资料详情见文末
 
    

三多出身背景

钉钉有责任营造一种新的职场沟通文化,我们姑且称之为快乐工作,所以我们才需要一个用户端沟通的品牌IP形象


回顾手头上有的素材;钉钉早期以传达高效快捷的工作方式为价值差异点,LOGO设计元素是翅膀+闪电。如今要做形象化,所以鸟类一定是天时地利的首选。



小燕几的诞生


确定使用鸟儿后,设计师就赶紧维基百科了下这个额美贼的生物;天生飞行家,又快又持久、脚部弱小翅膀强大,几乎不落地…很适合创业文化的题材、还是一种洋气的开发语言,没毛病,就它了。[坚定]
     
      

角色设定


有了原型,开始大刀阔斧的进行视觉设定。才发现这货全族都是黑色羽毛,即使白腰雨燕也是少量灰色羽毛在胸前后背。而黑色的接受度往往并不高,先试试白色吧,白色多智能,多科技感。
     
      

老板磕着瓜子路过,“你们画的这鸽子好眼熟。” [黑线]
       
     

钉钉品牌色是蓝色,那再撸个企业蓝,稳。
       
     


老板嚼着牛肉干路过,“你们这画的是Twitter吗?”[黑线]
跟异地女友好久未见的设计师小王说:“我有一个不成熟的想法,要不我换个绿色试试?绿色办公嘛?”
         
     
不知不觉已经撸了一支球队出来。众口难调之时,设计师也开始反思,尝试寻找更加可靠有效的方法:
       
       
被卖家拉黑后,设计师茶饭不思…起初我们希望把钉钉产品的特性全部融入到形象中,比如“高效”“聪明”甚至“科技感”,以至于回头看前期方案,都是有点美漫风格的强大形象。

翌日,设计师推翻了自己,从头来过。
我们思考了钉钉品牌IP形象对于不同用户分层的心智定位:
       
     
内层心智的建立依托于品牌价值观,而品牌图形与品牌IP形象还不太一样,以后者的角度,我们选择了从组织内部的价值观出发,因为钉钉历经挫折向死而生的创业故事使角色更加饱满、更有吸引力,也更容易在内层获得主观认同感,再以此逐步向外层扩散。于是有了下面的方案:

仍以雨燕为原型,却是一只呆头呆脑的小雨燕,这次要设计一个接地气的“小角色”。

       
     
其中对五官反复微调,90后设计师还研究了星爷的表演,因为我们希望营造出一个对现状无奈却又对未来坚定的人设。
       
     

角色刻画逐步清晰后,设计师又做了个大胆的决定,回归雨燕原型,一黑到底!
黑色和小鸟的设定带有锤炼、涅槃象征又暗藏虚怀、求知的敬畏。另一方面年轻用户的审美趋势越来越求同存异,鲜明的特征在日后的运营话题上更具创造性。
       
       

接下来就是多次的内部共创和方案review,主要解决调研时归纳出来的三个问题;
1、保证圆润可爱的同时如何更像鸟类;
2、钉钉品牌记忆特征需要强化;
3、随时准备认怂,对黑色设定的妥协和备案。
于是不知不觉撸了一支军队出来…

       
     
五彩斑斓的黑尝试:
       
     
细节逐步优化;回头看看之前明明觉得很顺眼的方案,就像看自己多年前的毕业作品一样,怪羞耻的呢。
       
     

钉三多的出场


为了让「三多的凝视」更加真实,增强用户的体感,输出图形规范和3D模型,以保证在接下来人偶服、周边等延展场景的还原度。
       
     
对接供应商,变身甲方大魔王,设计师为难设计师真是爽。
头冠的圆润度改了好几版;由于我们“无脚鸟”的设定,此处略微妥协,给“剪刀尾”装上了鞋套,但力求保证支撑行走的前提下,把鞋套做到最小。
       
有了人偶装备,就可以跟阿里动物园的塑料小伙伴们一起 骗流量 玩耍了,果然在五颜六色的塑料花丛中,三多作为唯二的黑色成员反而相当的心机Boy呢,既然鸡贼的天猫设计师早已看穿一切,深谙其道的我们也懂剑走偏锋的抢C位。[为自己的城府鼓掌]
       
             
     
既然设定了员工的角色,于是我们还有模有样的给三多做了工牌工位。
       
     
经过我们市场运营同学的一顿猛操作,事件、话题、传播都有了,本着能折腾自己人绝不花钱的原则,设计师还会输出一些小创意物料给钉三多新开的微博号涨涨粉。

       
     
说黑没问题,但这种就不能忍了。于是给三多的口头禅加设定:“再说一次,我不是鸡!”
       
     


产品端情感化-表情包

因为有“钉钉大黄黄”表情的设计经验,我们决定沿用男女老少通吃的emoji风格+动态设计三多表情包,那么难点则是如何把人的复杂表情特征“翻译”成五官简单的卡通鸟呢?重点就划一个,那就是——亲身演绎。
       

表情包的设计师每天对着空气这样已经两周了,HR小姐姐都准备报警了。


               
     
总结下来,语义的设计构思就是:反差、网感、应景

       
     
生活比工作更不易,至少努力工作的你不必太眉头紧皱。
       
     

我们的故事才刚刚开始

IP形象设计的经验我们只是班门弄斧,但有一个思路是通用的;当设计师要给品牌资产库做增量的时候,要像做产品一样,清楚这个增量的职责是什么,能解决什么问题,这个问题真的存在吗?忌讳惯性的做设计套装。最后,品牌IP形象对于钉钉,不是做老板端的品牌认知强化,是做员工端的品牌归属感提升。请多关照这只小黑黑,伴它成为翱翔在浩瀚穹顶的雨燕。
       
          
品牌喜欢钉钉设计的同学,文末我也为大家准备了一份小福利素材,分别为钉钉的《钉钉品牌设计规范手册.PDF 》以及钉钉UI的设计规范 DingUI4.0.Sketch 文件,感兴趣的同学,公众号后台回复“ 钉钉规范 ”就能下载到啦么么哒~~



外下完资料,大家也不要一直白嫖,偶尔也得点点“在看”或者留言啥的,激励一下,你说是嘛~~

PS:我们的公众号读者微信群,已经开到了 VIII 群,将近五千人,都是一线大公司的设计师。如果你也想跟我们一起讨论交流,或者交流互换表情包,那么在公众号后台,回复『设计交流』即可跟我们一起愉快的玩耍啦~~


👀 你的 1000+ 好友也阅读了些文章
腾讯 QQ VIP超级会员官网设计改版回顾
QQ黄脸表情包 又双叒叕更新了!
掌握这五个视觉方法,提升审美成为设计专家
设计暗黑模式,掌握这几个方法就简单了!
好东西!值得设计师收藏的20款免费商用字体
面对用户量7亿+的产品,怎么做设计改版?



点“ 在看 ”给自己加个鸭腿!!🍗 

本篇文章来源于微信公众号: UX小学