教你用产品思维制作微信表情包

6 评论 13682 浏览 42 收藏 10 分钟

如何利用产品思维,拆分制作微信表情包的过程呢?踩过几次坑后,作者在制作表情包方面总结了这些经验。

因为从事互联网工作,大学又学的是计算机,可爱的小胖子正好又是个前端工程师,于是自然和程序猿就有了不解之缘。

和程序猿打交道真的是乐趣无穷。虽然有那么多黑程序猿的穿着品味、程序猿的审美、程序猿的怪癖……

用产品思维教你制作微信表情包-被拒3次后的经验总结

但是对比了下我身边的程序猿,难道我接触的程序猿都是假的吗?!

不过今天我要为他们正名一次:程序猿真的是最最最最单纯和天真的一类人!

很早之前就想设计一套关于程序猿的表情包,于是阿蛋就利用周末的时间画画,将自己与程序猿的日常都记录下来。

下面仔细和大家讲讲阿蛋是怎么一步一步将表情包设计出来->完成微信上架的。

完成微信表情包上架需要以下六个步骤:

  1. 确定表情主题;
  2. 设计表情原型;
  3. 整理表情词库;
  4. 设计表情动作;
  5. 提交微信审核;
  6. 预约微信上架。

一、确定表情主题

做任何一件事情我们都需要有主题,也是在开始的这一步是我们花的时间最长的,这里阿蛋用产品设计的思维来教你如何确定主题。

首先,我们套用5W1H的分析方法问自己以下几个问题:

(1)Who:目标用户-哪些人使用你的表情包?

(2)Why:核心竞争力-现有的同类表情包如何表现的?为什么别人要用你的表情包?

(3)When:使用周期-用户在什么时候使用你的表情包?使用频率如何?

(4)Where:使用场景-你想要设计的这套表情应用在什么场景?

(5)What:表达形式-你的表情角色是人物、动物还是其他?是gif还是静态图?

(6)How:制作方法-如何展开具体设计?

我的目标用户是从事互联网的工作人员-程序猿,他们的日常工作是写代码,与产品经理撕*,与Bug顽强斗争,微信表情商城里搜程序猿出现的结果页寥寥无几,且多为常规码农形象的静态图。

于是阿蛋开始打造一个不一样的程序猿形象-幽默风趣、被产品小姐姐压迫的委屈小可爱。

二、设计表情原型

人物的可爱程度可以根据头身比例来确定,一般7头身是偏写实,Q版多为2头身、2.5头身、4头身等,因为我设计的程序猿风格是可爱的青少年形象,所以采用了2.5头身比例。

确定人物的身体比例后,接下来塑造人物角色的脸部表情。

常规人物的脸部比例遵循”三庭五眼”:

何为三庭:从发际线开始到下颚,脸的长度均分三等分。

何为五眼:脸的宽度是单只眼睛的五倍,两眼之间的距离正好是单只眼的长度。

下图为正式设计前的练习手稿:对脸部表情、身体比例、各角度的造型熟悉。

用产品思维教你制作微信表情包-被拒3次后的经验总结

以2.5头身设计的Q版程序猿诞生流程

确定比例->铅笔绘制人物线稿->钢笔勾勒线稿->为人物上固有色->人物形象细节调整。

用产品思维教你制作微信表情包-被拒3次后的经验总结

完成了正面形象的设计后,接下来为人物完善各角度的形象补充:

一般三个角度即可:正面、1/2侧面、背面。(3/4侧面看自己需要了)

用产品思维教你制作微信表情包-被拒3次后的经验总结

三、整理表情词库

表情词库可以用思维脑图发散脑暴,挑选的参考标准可以是:使用频率、表现人物特色、热度词。

用产品思维教你制作微信表情包-被拒3次后的经验总结

根据微信表情的规范,有16和24两种数量。

四、设计表情动作

有了基础的人物形象后,我们开始为词库匹配合适的表情动作。

先设计常态表情,比如我们上面在设计人物原型时,会先设计微笑的表情作为人物的常态表情。其他表情就在常态表情的基础上进行调整。

下面和大家分享下常态外的表情特征:

(1)惊悚:眼睛放大、瞳孔缩小;

(2)愤怒:眉毛上挑、眼睛变扁;嘴巴张开、咬牙切齿;

(3)疑惑:眉毛下沉、眼睛变大、瞳孔缩小;

(4)尴尬笑:眉毛下沉、嘴角上扬、强颜欢笑;

(5)委屈:眉毛下沉、眼睛变扁、嘴角下沉;

(6)调皮:睁大眼睛、嘴角上扬、吐舌头;

(7)坏笑:眉毛上扬、嘴角上扬、眼睛斜视。

这里阿蛋的技巧是:看动漫、对着镜子做表情,另外花瓣上有很多人物角色的造型、表情参考。

对着镜子做表情是最实用的哈哈哈!想要什么表情自己都能及时表现!

用产品思维教你制作微信表情包-被拒3次后的经验总结

五、提交微信审核

一套表情包的数量:16或24。

下图是微信表情的制作规范清单(文末附上官方的详细规范说明):

用产品思维教你制作微信表情包-被拒3次后的经验总结

*注意:每个表情主图需要添加2px的白色描边!

画完所有表情后,统一到PS进行处理:建统一画布尺寸->为每一个表情建组并命名->统一在每个表情组上添加描边->导出每个表情。

用产品思维教你制作微信表情包-被拒3次后的经验总结

六、预约微信上架

微信每次的审核周期是1-2周,审核通过后需要自己预约上架时间。

七、阿蛋的踩坑总结

阿蛋的表情包审核被拒原因有以下几点,希望大家在设计时避免这几个问题:

(1)表情主图不要忘记加描边;

(2)不要使用不和谐的用语,如OJBK;

(3)不该描边的地方不要描边;

(4)聊天页图标要以人物头像为主,否则会因为图案太小识别不了被拒;

(5)不要发布带有广告嫌疑的词语,如一点点。

用产品思维教你制作微信表情包-被拒3次后的经验总结

用产品思维教你制作微信表情包-被拒3次后的经验总结

每次提交审核被拒的原因千奇百怪,尤其是”一点点”被列为广告嫌疑。所以产品小姐姐的表情包一直在审核中…

要设计更多符合场景的表情,更是需要一双能时刻捕捉生活细节的眼睛,跃跃欲试的小伙伴们赶紧对照上述清单行动起来吧~

PS:第一次设计表情包还是有很多不足的地方,也没那么有特点,表情包本身就是趣味性,所以不一定非得按照刻板的标准设计,从思考到设计到产出,用产品全局的思维方式来设计一套表情包,这是一个很不错的练习方法哦~

阿蛋的生存法则:

保持对生活的好奇心,对兴趣的坚持,对知识的渴望,将一切内化成工作中的资本和动力源泉,当然不定时的也会撒撒狗粮皮一皮。

参考资料:

  1. 微信表情制作规范
  2. 如何快速导出表情包?

 

本文由 @double_egg 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 一点都不秃,还好意思说自己是程序员!

    回复
    1. 搜索表情包“程序猿小哥哥”里面有你想要的形象 或者公众号里也可以下载

      回复
  2. 把微信表情包和产品方法相结合已经蛮有趣,还加上程序员主题,这是要火ya

    回复
    1. 感谢支持🙏

      回复
  3. 点个赞

    来自上海 回复
    1. 嘻嘻 设计和产品的一些工作经验可以关注”阿蛋有话说“

      来自浙江 回复