如何利用產(chǎn)品思維，拆分制作微信表情包的過程呢？踩過幾次坑后，作者在制作表情包方面總結(jié)了這些經(jīng)驗(yàn)。

因?yàn)閺氖禄ヂ?lián)網(wǎng)工作，大學(xué)又學(xué)的是計(jì)算機(jī)，可愛的小胖子正好又是個(gè)前端工程師，于是自然和程序猿就有了不解之緣。

和程序猿打交道真的是樂趣無窮。雖然有那么多黑程序猿的穿著品味、程序猿的審美、程序猿的怪癖……

但是對比了下我身邊的程序猿，難道我接觸的程序猿都是假的嗎？！

不過今天我要為他們正名一次：程序猿真的是最最最最單純和天真的一類人！

很早之前就想設(shè)計(jì)一套關(guān)于程序猿的表情包，于是阿蛋就利用周末的時(shí)間畫畫，將自己與程序猿的日常都記錄下來。

下面仔細(xì)和大家講講阿蛋是怎么一步一步將表情包設(shè)計(jì)出來->完成微信上架的。

完成微信表情包上架需要以下六個(gè)步驟：

1. 確定表情主題；
2. 設(shè)計(jì)表情原型；
3. 整理表情詞庫；
4. 設(shè)計(jì)表情動(dòng)作；
5. 提交微信審核；
6. 預(yù)約微信上架。

一、確定表情主題

做任何一件事情我們都需要有主題，也是在開始的這一步是我們花的時(shí)間最長的，這里阿蛋用產(chǎn)品設(shè)計(jì)的思維來教你如何確定主題。

首先，我們套用5W1H的分析方法問自己以下幾個(gè)問題：

（1）Who：目標(biāo)用戶-哪些人使用你的表情包？

（2）Why：核心競爭力-現(xiàn)有的同類表情包如何表現(xiàn)的？為什么別人要用你的表情包？

（3）When：使用周期-用戶在什么時(shí)候使用你的表情包？使用頻率如何？

（4）Where：使用場景-你想要設(shè)計(jì)的這套表情應(yīng)用在什么場景？

（5）What：表達(dá)形式-你的表情角色是人物、動(dòng)物還是其他？是gif還是靜態(tài)圖？

（6）How：制作方法-如何展開具體設(shè)計(jì)？

我的目標(biāo)用戶是從事互聯(lián)網(wǎng)的工作人員-程序猿，他們的日常工作是寫代碼，與產(chǎn)品經(jīng)理撕*，與Bug頑強(qiáng)斗爭，微信表情商城里搜程序猿出現(xiàn)的結(jié)果頁寥寥無幾，且多為常規(guī)碼農(nóng)形象的靜態(tài)圖。

于是阿蛋開始打造一個(gè)不一樣的程序猿形象-幽默風(fēng)趣、被產(chǎn)品小姐姐壓迫的委屈小可愛。

二、設(shè)計(jì)表情原型

人物的可愛程度可以根據(jù)頭身比例來確定，一般7頭身是偏寫實(shí)，Q版多為2頭身、2.5頭身、4頭身等，因?yàn)槲以O(shè)計(jì)的程序猿風(fēng)格是可愛的青少年形象，所以采用了2.5頭身比例。

確定人物的身體比例后，接下來塑造人物角色的臉部表情。

常規(guī)人物的臉部比例遵循”三庭五眼”：

何為三庭：從發(fā)際線開始到下顎，臉的長度均分三等分。

何為五眼：臉的寬度是單只眼睛的五倍，兩眼之間的距離正好是單只眼的長度。

下圖為正式設(shè)計(jì)前的練習(xí)手稿：對臉部表情、身體比例、各角度的造型熟悉。

以2.5頭身設(shè)計(jì)的Q版程序猿誕生流程：

確定比例->鉛筆繪制人物線稿->鋼筆勾勒線稿->為人物上固有色->人物形象細(xì)節(jié)調(diào)整。

完成了正面形象的設(shè)計(jì)后，接下來為人物完善各角度的形象補(bǔ)充：

一般三個(gè)角度即可：正面、1/2側(cè)面、背面。（3/4側(cè)面看自己需要了）

三、整理表情詞庫

表情詞庫可以用思維腦圖發(fā)散腦暴，挑選的參考標(biāo)準(zhǔn)可以是：使用頻率、表現(xiàn)人物特色、熱度詞。

根據(jù)微信表情的規(guī)范，有16和24兩種數(shù)量。

四、設(shè)計(jì)表情動(dòng)作

有了基礎(chǔ)的人物形象后，我們開始為詞庫匹配合適的表情動(dòng)作。

先設(shè)計(jì)常態(tài)表情，比如我們上面在設(shè)計(jì)人物原型時(shí)，會(huì)先設(shè)計(jì)微笑的表情作為人物的常態(tài)表情。其他表情就在常態(tài)表情的基礎(chǔ)上進(jìn)行調(diào)整。

下面和大家分享下常態(tài)外的表情特征：

（1）驚悚：眼睛放大、瞳孔縮?。?/p>

（2）憤怒：眉毛上挑、眼睛變扁；嘴巴張開、咬牙切齒；

（3）疑惑：眉毛下沉、眼睛變大、瞳孔縮?。?/p>

（4）尷尬笑：眉毛下沉、嘴角上揚(yáng)、強(qiáng)顏歡笑；

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

（6）調(diào)皮：睜大眼睛、嘴角上揚(yáng)、吐舌頭；

（7）壞笑：眉毛上揚(yáng)、嘴角上揚(yáng)、眼睛斜視。

這里阿蛋的技巧是：看動(dòng)漫、對著鏡子做表情，另外花瓣上有很多人物角色的造型、表情參考。

對著鏡子做表情是最實(shí)用的哈哈哈！想要什么表情自己都能及時(shí)表現(xiàn)！

五、提交微信審核

一套表情包的數(shù)量：16或24。

下圖是微信表情的制作規(guī)范清單（文末附上官方的詳細(xì)規(guī)范說明）：

*注意：每個(gè)表情主圖需要添加2px的白色描邊！

畫完所有表情后，統(tǒng)一到PS進(jìn)行處理：建統(tǒng)一畫布尺寸->為每一個(gè)表情建組并命名->統(tǒng)一在每個(gè)表情組上添加描邊->導(dǎo)出每個(gè)表情。

六、預(yù)約微信上架

微信每次的審核周期是1-2周，審核通過后需要自己預(yù)約上架時(shí)間。

七、阿蛋的踩坑總結(jié)

阿蛋的表情包審核被拒原因有以下幾點(diǎn)，希望大家在設(shè)計(jì)時(shí)避免這幾個(gè)問題：

（1）表情主圖不要忘記加描邊；

（2）不要使用不和諧的用語，如OJBK；

（3）不該描邊的地方不要描邊；

（4）聊天頁圖標(biāo)要以人物頭像為主，否則會(huì)因?yàn)閳D案太小識(shí)別不了被拒；

（5）不要發(fā)布帶有廣告嫌疑的詞語，如一點(diǎn)點(diǎn)。

每次提交審核被拒的原因千奇百怪，尤其是”一點(diǎn)點(diǎn)”被列為廣告嫌疑。所以產(chǎn)品小姐姐的表情包一直在審核中…

要設(shè)計(jì)更多符合場景的表情，更是需要一雙能時(shí)刻捕捉生活細(xì)節(jié)的眼睛，躍躍欲試的小伙伴們趕緊對照上述清單行動(dòng)起來吧~

PS：第一次設(shè)計(jì)表情包還是有很多不足的地方，也沒那么有特點(diǎn)，表情包本身就是趣味性，所以不一定非得按照刻板的標(biāo)準(zhǔn)設(shè)計(jì)，從思考到設(shè)計(jì)到產(chǎn)出，用產(chǎn)品全局的思維方式來設(shè)計(jì)一套表情包，這是一個(gè)很不錯(cuò)的練習(xí)方法哦~

阿蛋的生存法則：

保持對生活的好奇心，對興趣的堅(jiān)持，對知識(shí)的渴望，將一切內(nèi)化成工作中的資本和動(dòng)力源泉，當(dāng)然不定時(shí)的也會(huì)撒撒狗糧皮一皮。

參考資料：

1. 微信表情制作規(guī)范
2. 如何快速導(dǎo)出表情包？

本文由 @double_egg 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議