教你用产品思维制作微信表情包
如何利用产品思维,拆分制作微信表情包的过程呢?踩过几次坑后,作者在制作表情包方面总结了这些经验。
因为从事互联网工作,大学又学的是计算机,可爱的小胖子正好又是个前端工程师,于是自然和程序猿就有了不解之缘。
和程序猿打交道真的是乐趣无穷。虽然有那么多黑程序猿的穿着品味、程序猿的审美、程序猿的怪癖……
但是对比了下我身边的程序猿,难道我接触的程序猿都是假的吗?!
不过今天我要为他们正名一次:程序猿真的是最最最最单纯和天真的一类人!
很早之前就想设计一套关于程序猿的表情包,于是阿蛋就利用周末的时间画画,将自己与程序猿的日常都记录下来。
下面仔细和大家讲讲阿蛋是怎么一步一步将表情包设计出来->完成微信上架的。
完成微信表情包上架需要以下六个步骤:
- 确定表情主题;
- 设计表情原型;
- 整理表情词库;
- 设计表情动作;
- 提交微信审核;
- 预约微信上架。
一、确定表情主题
做任何一件事情我们都需要有主题,也是在开始的这一步是我们花的时间最长的,这里阿蛋用产品设计的思维来教你如何确定主题。
首先,我们套用5W1H的分析方法问自己以下几个问题:
(1)Who:目标用户-哪些人使用你的表情包?
(2)Why:核心竞争力-现有的同类表情包如何表现的?为什么别人要用你的表情包?
(3)When:使用周期-用户在什么时候使用你的表情包?使用频率如何?
(4)Where:使用场景-你想要设计的这套表情应用在什么场景?
(5)What:表达形式-你的表情角色是人物、动物还是其他?是gif还是静态图?
(6)How:制作方法-如何展开具体设计?
我的目标用户是从事互联网的工作人员-程序猿,他们的日常工作是写代码,与产品经理撕*,与Bug顽强斗争,微信表情商城里搜程序猿出现的结果页寥寥无几,且多为常规码农形象的静态图。
于是阿蛋开始打造一个不一样的程序猿形象-幽默风趣、被产品小姐姐压迫的委屈小可爱。
二、设计表情原型
人物的可爱程度可以根据头身比例来确定,一般7头身是偏写实,Q版多为2头身、2.5头身、4头身等,因为我设计的程序猿风格是可爱的青少年形象,所以采用了2.5头身比例。
确定人物的身体比例后,接下来塑造人物角色的脸部表情。
常规人物的脸部比例遵循”三庭五眼”:
何为三庭:从发际线开始到下颚,脸的长度均分三等分。
何为五眼:脸的宽度是单只眼睛的五倍,两眼之间的距离正好是单只眼的长度。
下图为正式设计前的练习手稿:对脸部表情、身体比例、各角度的造型熟悉。
以2.5头身设计的Q版程序猿诞生流程:
确定比例->铅笔绘制人物线稿->钢笔勾勒线稿->为人物上固有色->人物形象细节调整。
完成了正面形象的设计后,接下来为人物完善各角度的形象补充:
一般三个角度即可:正面、1/2侧面、背面。(3/4侧面看自己需要了)
三、整理表情词库
表情词库可以用思维脑图发散脑暴,挑选的参考标准可以是:使用频率、表现人物特色、热度词。
根据微信表情的规范,有16和24两种数量。
四、设计表情动作
有了基础的人物形象后,我们开始为词库匹配合适的表情动作。
先设计常态表情,比如我们上面在设计人物原型时,会先设计微笑的表情作为人物的常态表情。其他表情就在常态表情的基础上进行调整。
下面和大家分享下常态外的表情特征:
(1)惊悚:眼睛放大、瞳孔缩小;
(2)愤怒:眉毛上挑、眼睛变扁;嘴巴张开、咬牙切齿;
(3)疑惑:眉毛下沉、眼睛变大、瞳孔缩小;
(4)尴尬笑:眉毛下沉、嘴角上扬、强颜欢笑;
(5)委屈:眉毛下沉、眼睛变扁、嘴角下沉;
(6)调皮:睁大眼睛、嘴角上扬、吐舌头;
(7)坏笑:眉毛上扬、嘴角上扬、眼睛斜视。
这里阿蛋的技巧是:看动漫、对着镜子做表情,另外花瓣上有很多人物角色的造型、表情参考。
对着镜子做表情是最实用的哈哈哈!想要什么表情自己都能及时表现!
五、提交微信审核
一套表情包的数量:16或24。
下图是微信表情的制作规范清单(文末附上官方的详细规范说明):
*注意:每个表情主图需要添加2px的白色描边!
画完所有表情后,统一到PS进行处理:建统一画布尺寸->为每一个表情建组并命名->统一在每个表情组上添加描边->导出每个表情。
六、预约微信上架
微信每次的审核周期是1-2周,审核通过后需要自己预约上架时间。
七、阿蛋的踩坑总结
阿蛋的表情包审核被拒原因有以下几点,希望大家在设计时避免这几个问题:
(1)表情主图不要忘记加描边;
(2)不要使用不和谐的用语,如OJBK;
(3)不该描边的地方不要描边;
(4)聊天页图标要以人物头像为主,否则会因为图案太小识别不了被拒;
(5)不要发布带有广告嫌疑的词语,如一点点。
每次提交审核被拒的原因千奇百怪,尤其是”一点点”被列为广告嫌疑。所以产品小姐姐的表情包一直在审核中…
要设计更多符合场景的表情,更是需要一双能时刻捕捉生活细节的眼睛,跃跃欲试的小伙伴们赶紧对照上述清单行动起来吧~
PS:第一次设计表情包还是有很多不足的地方,也没那么有特点,表情包本身就是趣味性,所以不一定非得按照刻板的标准设计,从思考到设计到产出,用产品全局的思维方式来设计一套表情包,这是一个很不错的练习方法哦~
阿蛋的生存法则:
保持对生活的好奇心,对兴趣的坚持,对知识的渴望,将一切内化成工作中的资本和动力源泉,当然不定时的也会撒撒狗粮皮一皮。
参考资料:
- 微信表情制作规范
- 如何快速导出表情包?
本文由 @double_egg 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自Unsplash,基于CC0协议
一点都不秃,还好意思说自己是程序员!
搜索表情包“程序猿小哥哥”里面有你想要的形象 或者公众号里也可以下载
把微信表情包和产品方法相结合已经蛮有趣,还加上程序员主题,这是要火ya
感谢支持🙏
点个赞
嘻嘻 设计和产品的一些工作经验可以关注”阿蛋有话说“