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

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

但是对比了下我身边的程序猿，难道我接触的程序猿都是假的吗？！

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

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

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

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

（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头身比例。

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

常规人物的脸部比例遵循"三庭五眼"：

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

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

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

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

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

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

三、整理表情词库

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

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

四、设计表情动作

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

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

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

（1）惊悚：眼睛放大、瞳孔缩小；

（2）愤怒：眉毛上挑、眼睛变扁；嘴巴张开、咬牙切齿；

（3）疑惑：眉毛下沉、眼睛变大、瞳孔缩小；

（4）尴尬笑：眉毛下沉、嘴角上扬、强颜欢笑；

（5）委屈：眉毛下沉、眼睛变扁、嘴角下沉；

（6）调皮：睁大眼睛、嘴角上扬、吐舌头；

（7）坏笑：眉毛上扬、嘴角上扬、眼睛斜视；

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

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

五、提交微信审核

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

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

注意：每个表情主图需要添加2px的白色描边！

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

如何快速导出表情包？

关于批量自动导出表情并按格式规范自动命名的方法-请参考之前的两篇PS黑科技文

六、预约微信上架

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

七、阿蛋的踩坑总结

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

（1）表情主图不要忘记加描边；

（2）不要使用不和谐的用语，如OJBK；

（3）不该描边的地方不要描边；

（4）聊天页图标要以人物头像为主，否则会因为图案太小识别不了被拒；

（5）不要发布带有广告嫌疑的词语，如一点点。

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

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

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

下面是阿蛋的日常交流群，不定期的分享设计资源和干货。

对设计、产品感兴趣的互联网小伙伴们欢迎加入~