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

6 評論 13712 瀏覽 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. 嘻嘻 設計和產品的一些工作經驗可以關注”阿蛋有話說“

      來自浙江 回復