教你用產品思維製作微信表情包

如何利用產品思維，拆分製作微信表情包的過程呢？踩過幾次坑後，作者在製作表情包方面總結了這些經驗。

因為從事互聯網工作，大學又學的是計算機，可愛的小胖子正好又是個前端工程師，於是自然和程序猿就有了不解之緣。

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

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

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

很早之前就想設計一套關於程序猿的表情包，於是阿蛋就利用周末的時間畫畫，將自己與程序猿的日常都記錄下來。

下面仔細和大家講講阿蛋是怎麼一步一步將表情包設計出來->完成微信上架的。

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

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進行處理：建統一畫布尺寸->為每一個表情建組並命名->統一在每個表情組上添加描邊->導出每個表情。

六、預約微信上架

微信每次的審核周期是1-2周，審核通過後需要自己預約上架時間。

七、阿蛋的踩坑總結

阿蛋的表情包審核被拒原因有以下幾點，希望大家在設計時避免這幾個問題：

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

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

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

（4）聊天頁圖標要以人物頭像為主，否則會因為圖案太小識別不了被拒；

（5）不要發布帶有廣告嫌疑的詞語，如一點點。

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

要設計更多符合場景的表情，更是需要一雙能時刻捕捉生活細節的眼睛，躍躍欲試的小夥伴們趕緊對照上述清單行動起來吧~

PS：第一次設計表情包還是有很多不足的地方，也沒那麼有特點，表情包本身就是趣味性，所以不一定非得按照刻板的標準設計，從思考到設計到產出，用產品全局的思維方式來設計一套表情包，這是一個很不錯的練習方法哦~

阿蛋的生存法則：

保持對生活的好奇心，對興趣的堅持，對知識的渴望，將一切內化成工作中的資本和動力源泉，當然不定時的也會撒撒狗糧皮一皮。

參考資料：

1. 微信表情製作規範
2. 如何快速導出表情包？

本文由 @double_egg 原創發布於人人都是產品經理。未經許可，禁止轉載