当前位置: 首页 > news >正文

掘金吉祥物设计全过程(内幕揭秘)

作为一个技术社区,我们的吉祥物应该是怎样的?当掘金开始决定要做自己的吉祥物后,我们开始向用户征集吉祥物,有一位用户给出了下面这样的方案

厉害了我的哥!是的,你没有看错,一辆挖掘机!还有 17 个人点赞,你们都是怎么想的?本文将会介绍掘金为什么要做吉祥物,以及吉祥物的设计过程。一个吉祥物对一家创业公司到底有什么用?

为什么要做吉祥物?

起初我们发现了一个问题:

去年我们参加了 60 多场大大小小的技术类线下活动,每一场活动,我们都会带着上图中的易拉宝去活动现场,但这个易拉宝的设计太冰冷了,与用户之间有距离感。于是我们决定通过吉祥物的方式来拉近掘金与用户之间的距离。

于是我设定了 5 个做吉祥物要达到的小目标:

  1. 要有亲和力

  2. 要容易记忆

  3. 要人们熟悉的动物

  4. 不与其他品牌重复

  5. 形状要简洁

作死之路

我们带着这 5 条小目标开始对市面上的吉祥物进行调研:

结果我们发现:吉祥物太 TM 多了!

大多数人们熟悉的动物都被用过了,包括猫、狗、企鹅等等,总之,没有什么可用的了。我们也管不了那么多,还是硬着头皮接着去做,自己提的需求,跪着也要做完!于是我们开始在内部做头脑风暴:

网红动物都被我们想了一遍,什么独角兽啦、草泥马啦、貔貅啦、外星人啦等等,总之我认为就两种分类,一类是人们熟悉的动物,一类是人们不熟悉的动物,都有难点,如果我们用了第一类,那么必然会和市面上的其他公司会重合,如果我们用了人们不熟悉的动物,很可能不容易让人们记住。发散了那么多,还是没有找到满意的方向,内部已经被榨干了,没有新想法了,于是我们开始向用户征集试试。

在掘金沸点第 35 期,我们开始向用户征集,其中一位用户发了这样的方案:

穿山甲还挺稀有的,可能是一个比较有意思的方向,打洞也挺厉害的,或许可以作为掘金吉祥物,于是我开始进一步了解穿山甲,习惯性的在网上搜索了一通,找到下面这张图:

看到穿山甲的正面是这样的时候,我整个人都不好了。可能你也知道了我们为什么没有用她。这时候,我们的韬韬同学建议用树懒:

我之前也看过疯狂动物城,也挺喜欢这个树懒的,大家应该都挺喜欢的,用他来拉进用户的关系好像是一个不错的选择,我心想这回没错了吧?于是我习惯性的在网上找了找,发现:

这尼玛差距也太大了吧!感觉这类动物对于中国人来说也不是很熟悉的动物,决定在看看其他的方向。于是又一次打开了用户建议的其他方向,看到了土拨鼠:

土拨鼠是用户征集中呼声最高的一个,基本超过了 50% 以上的用户都建议用土拨鼠,这回总算找到一个靠谱的吉祥物了,我看大家都这么积极的推荐这个动物,我不明白为什么,我想查个究竟,于是我又习惯性的在百度 Google 搜了一通,找到了这个视频:

v.qq.com/x/page/h030…

好吧,其实土拨鼠还不错,但是他跟老鼠特别像,很容易就跟老鼠混淆,区分不出来,所以我们也没有选用。

马上揭晓

于是我就想什么动物最有亲和力啊,猫和狗最有亲和力了,但是被京东和天猫用了。接着我联想到了国宝熊猫,于是让设计师尝试一下熊猫的方向,然后,设计师给了我一个方案:

简直丑哭了好嘛!这时我也在想,如果我们用熊猫这个形象,可能没法表达我们想要的速度感,于是提出了一个大胆的尝试,鱼在水里游得很快,我们可以用鱼和熊猫结合吗?设计师这回马上就理解了,于是给下面这张图:

我真 TM 日了狗了!我说能不能让它有一点曲线的感觉?于是...

至此,我的内心几乎是崩溃的,我想,这件事情真得我亲自来了,于是我把这个设计接了过来。我开始思考我们的团队有什么特点或者个性可以在吉祥物中体现出来,于是我找出了早期我们的团队合影:

发现我们都喜欢做这个手势,这是一个怎样的团队?

当我们团队人数多起来的时候,还是这样一幅德性,好了,我已经知道要怎么做了,大家后退!我要开始装逼了!于是我把吉祥物画成了这样:

这就是掘金的吉祥物!太萌了!太可爱!还体现了整个团队的态度!简直太完美了!我们叫她 Panfish!

希望大家喜欢!

望大家喜欢!

大家喜欢!

家喜欢!

喜欢!

欢!














不对,刚才传错图了,下面才是真正的 Panfish

好想做一个抱枕,每天中午抱着她睡觉。大家也可能注意到了,Panfish 的肚子上这些彩条是什么?

这就是代码的剪影呀,技术社区,必须的元素。

回顾一下之前设定了 5 个小目标:

  1. 要有亲和力

  2. 要容易记忆

  3. 要人们熟悉的动物

  4. 不与其他品牌重复

  5. 形状要简洁

我认为是已经达到了,真不容易!之后我们的吉祥物会应用在我们的产品的各个地方,比如 404 页面,会有个妹子,可以经常来这个页面撩妹。

以及在登陆界面会这样来应用,当你在输入邮箱的时候他会看着你,当你输入密码的时候,他会蒙住自己的眼睛:

我们也会陆陆续续的推出一些 Panfish 的表情包!可以自由搭配文案:​

还会应用在各种掘金周边,T-shirt、卫衣、杯子、移动端 Web 页面等等。这么可爱的 Panfish 我们要做一堆贴纸,把她印在鼠标垫上,笔记本上,MacBook Pro 上,iMac 上 统统都要贴满,甚至贴到你们家的门上,还有公交车站,地铁上,飞机上,我们要贴到纳斯达克的大屏幕上,贴到月球上,火星上,要贴满整个银河系!

大家还可以用 Safari 访问 juejin.im 将页面添加到主屏幕,这个吉祥物就可以放在手机里了,来不及了,快上车!

再来看一下旧易拉宝和新易拉宝对比,新易拉宝将出现在今年的各类技术线下活动上,好的就酱!


转载于:https://juejin.im/post/58803ebe128fe10065c8108c

相关文章:

  • Asp.net MVC 示例项目Suteki.Shop分析之---Controller
  • (原+转)Ubuntu16.04软件中心闪退及wifi消失
  • 图书馆的借阅书刊的案例 UML Modelling
  • text段,data段,bss段,堆和栈
  • Ie8下运行的页面居中显示的问题
  • copy.c实现
  • SQl 语句(常见) 新建,删除,修改表结构
  • CCF201609-1 最大波动(100分)
  • SQL不重复记录
  • Ruby 2.x 源代码分析:扩展 概述
  • 淘宝网Open API 入门教程
  • css3中追加的三种选择器
  • 终于安装成功了
  • angular2开源库收集
  • 如果爱能早点说出来
  • JavaScript 如何正确处理 Unicode 编码问题!
  • JavaScript-如何实现克隆(clone)函数
  • 30天自制操作系统-2
  • Android Studio:GIT提交项目到远程仓库
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • centos安装java运行环境jdk+tomcat
  • git 常用命令
  • java B2B2C 源码多租户电子商城系统-Kafka基本使用介绍
  • Java知识点总结(JavaIO-打印流)
  • js对象的深浅拷贝
  • Mybatis初体验
  • MySQL主从复制读写分离及奇怪的问题
  • nginx(二):进阶配置介绍--rewrite用法,压缩,https虚拟主机等
  • Vue官网教程学习过程中值得记录的一些事情
  • 聊聊spring cloud的LoadBalancerAutoConfiguration
  • 深度解析利用ES6进行Promise封装总结
  • 什么软件可以提取视频中的音频制作成手机铃声
  • 因为阿里,他们成了“杭漂”
  • 原生JS动态加载JS、CSS文件及代码脚本
  • TPG领衔财团投资轻奢珠宝品牌APM Monaco
  • 昨天1024程序员节,我故意写了个死循环~
  • $ git push -u origin master 推送到远程库出错
  • (12)目标检测_SSD基于pytorch搭建代码
  • (java)关于Thread的挂起和恢复
  • (超简单)使用vuepress搭建自己的博客并部署到github pages上
  • (二十四)Flask之flask-session组件
  • (附源码)计算机毕业设计SSM疫情社区管理系统
  • (区间dp) (经典例题) 石子合并
  • (数位dp) 算法竞赛入门到进阶 书本题集
  • (转)Linux下编译安装log4cxx
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • (转载)在C#用WM_COPYDATA消息来实现两个进程之间传递数据
  • .NET Core 版本不支持的问题
  • .NET业务框架的构建
  • /使用匿名内部类来复写Handler当中的handlerMessage()方法
  • [ 手记 ] 关于tomcat开机启动设置问题
  • [Angularjs]asp.net mvc+angularjs+web api单页应用
  • [AS3]URLLoader+URLRequest+JPGEncoder实现BitmapData图片数据保存
  • [echarts] y轴不显示0
  • [FZSZOJ 1223] 上海红茶馆