教你用產品思維制作微信表情包
如何利用產品思維,拆分制作微信表情包的過程呢?踩過幾次坑后,作者在制作表情包方面總結了這些經驗。
因為從事互聯網工作,大學又學的是計算機,可愛的小胖子正好又是個前端工程師,于是自然和程序猿就有了不解之緣。
和程序猿打交道真的是樂趣無窮。雖然有那么多黑程序猿的穿著品味、程序猿的審美、程序猿的怪癖……
但是對比了下我身邊的程序猿,難道我接觸的程序猿都是假的嗎?!
不過今天我要為他們正名一次:程序猿真的是最最最最單純和天真的一類人!
很早之前就想設計一套關于程序猿的表情包,于是阿蛋就利用周末的時間畫畫,將自己與程序猿的日常都記錄下來。
下面仔細和大家講講阿蛋是怎么一步一步將表情包設計出來->完成微信上架的。
完成微信表情包上架需要以下六個步驟:
- 確定表情主題;
- 設計表情原型;
- 整理表情詞庫;
- 設計表情動作;
- 提交微信審核;
- 預約微信上架。
一、確定表情主題
做任何一件事情我們都需要有主題,也是在開始的這一步是我們花的時間最長的,這里阿蛋用產品設計的思維來教你如何確定主題。
首先,我們套用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
感謝支持??
點個贊
嘻嘻 設計和產品的一些工作經驗可以關注”阿蛋有話說“