新浪微博里的狗頭表情是怎麼流行起來的?代表了什麼意味?


一直想認真回答一下這個問題,始終沒有時間,今天我好好寫寫關於這隻上億人都在用的狗表情。(多圖,手機黨慎點)

怎麼火起來的我不敢說,但是怎麼出生的我給你講講,因為我設計了這隻狗。

首先自我介紹一下,我叫馮大偉,西安美院畢業,最早入行的時候在一家做設計服務的公司(現被洛可可收購)。後來進了新浪微博,14年底從微博出來和當時的同事創辦了UI培訓機構章魚學院以及半吊子的設計公司WinoDesign,後來被合伙人坑(這段黑歷史就不提了)。身心俱疲選擇繼續上班,在小米生態鏈某公司擔任UI設計總監,管理一個8人團隊服務公司7個產品線。五年間從一個小UI設計師到創業者再到老師再到團隊管理者,這一路風風雨雨充滿荊棘但我卻樂此不疲。而我現在又打算重新創業:http://www.dayuxy.com

-------------------------------------------

言歸正傳,做微博表情純屬是機緣巧合,這個項目沒有產品經理沒有排期,甚至除了UDC-M其他部門的領導都不知道,是一次完全是由設計師主導的改版。

14年初微博剛剛做了大改版3.6,戰略商業化,界面卡片化,且正當iOS6與iOS7的過渡期。

不規則形狀的表情已不適應當下扁平且商業化的界面,所以老大(岳陽明-現微博UDC老大)經過深思熟慮,決定重新改版微博表情,把重任放在了我和另一個設計師(厲芳潔)身上,我做黃臉和手的表情她做其他表情。在正經需求排滿狀態下每天畫一兩小時不正經的表情,斷斷續續做了三個月。最終呈現給大家的就是現在微博客戶端上的這套表情。

項目剛開始我們做了一些用戶調研,把所有的表情列印出來讓公司其他非設計非產品的同事填寫語義。之後又調取了某段時間表情發送數據。得出以下結果,並針對不常用表情做了刪減。(列表為舊版表情,按發送量排名)

我拿到這個文檔首先做競品分析。對比多個產品中的表情的語義哪個更準確哪個更生動。

之後開始上手做,我的方法是把所有表情排列挨個對照設計。(以下為當時的psd畫布,上半部分是新版,下半部分是舊版,按照當時微博客戶端排列方式排列,逐步修改添加。)黃臉底板調了十幾遍每次調整都是牽一髮而動全身,小表情的面部調整不計其數。

------------------------------------------

其中有些創作過程分享給大家,

(愛你)

這個表情其實舊版設計的已經很生動,憧憬的眼神,賣萌的嘴形,還有吐出的桃心,完全可以突出「愛你」的語義。我再創作的時候,糾結了很久,嘗試了很多方案。中間嘗試的幾個方案都沒有原版生動,最後只修改了底板,沿用了舊版的面部。(飛機稿3純惡搞,靈感來源:越獄兔里的小黃雞)

------------------------------------------

(大哭)

大哭的表情改了很多遍,舊版語義其實有種躲在家裡默默流淚的意思,但是「大」這個意思表達的不夠深刻。

雖然都是哭但是哭中似乎還能看出其他內含,比如飛機稿2是否讓你想起了那個痛並快樂著的夜晚?

新版較飛機稿3隻是眼睛眉毛靠近了一下,嘴靠下一些,但是語義更深刻了。

表情設計與其他UI設計不同的是,可能挪了某一像素整個表情的語義就全變了。也許這也是設計表情的魅力所在。(畫這個表情的時候我是對著鏡子做了很多次鬼臉的)

------------------------------------------

其他一些舊版表情,語義不正確或者混攪的,都一一做了改版。

這三個語義在舊版表情里太過相近,比如「困」張嘴有打哈欠的語義,「打哈欠」有困的語義。為了區分這三個表情的語義我大費周折,對比了許多其他產品但都無果,最後想起了漫畫中常用表現形式。

比如「困」我借鑒了《加菲貓》里喬恩的燈泡眼,而睡覺則用漫畫中常用的 -zzzz來表現

------------------------------------------

這三個舊版表情的語義難以區分,『呵呵』與『可愛』太相似,且『拜拜』只是在呵呵基礎上加了手掌。但卻是用戶最鍾愛的表情,很多用戶用『呵呵』和『拜拜』已經脫離原有語義,進化成高冷的語義。新版表情上線之後吐槽最多的就是這兩個。

「新版表情都帶了美瞳,丑哭了,還我高冷」—微博某深度用戶

------------------------------------------

創作過程,大號灰底為舊版,大號白底為新版中間為飛機稿。部分表情在我離開微博之後又有優化。

如『呵呵』現在增加了眉毛,嘴角也有所變化。

------------------------------------------

這套表情發布之後,每天都有人罵,甚至有人創建了話題#抵制新版表情#。

我每天提心弔膽,搜關鍵詞看用戶反饋到半夜,生怕公司因為用戶反映強烈把這辛辛苦苦做了三個月的項目下線了,還好被老大頂住了。

看評論,很多人說美工去吃屎,還有要邀我和他去天台的。開始不理解為何用戶瘋狂吐槽,後來想明白了,無非是用戶用著不習慣,無法立刻接受改變。就像iOS6突然改成iOS7,當時很多人罵丑,但是現在你用慣扁平化的界面再回去看看iOS6的擬物,會感覺low爆了。

且常使用表情的用戶多為90後,喜歡的不會專門發微博讚美你,但是不爽的一定會罵你。可能10個人中有1個喜歡8個無感還有1個不爽的,你看不到那9個人的反饋,唯一能看到的是這個不爽的人吐槽。

做這個項目得出一個結論那就是產品要一點一點改,絕不可一下來個大改版,一定會有用戶流失的(將死的產品不算)。

------------------------------------------

說到正題,雖然很多用戶罵其他表情,但是沒一個用戶罵它:

其實我在做表情之前,神煩狗doge在國外已經炒雞火爆了。各種設計交流群里幾乎每天都可以看到有人發這隻表情詭異的柴犬。

長看到這隻黃皮膚的狗,我就在想:如果在一群黃臉中塞一隻表情詭異的狗一定會有特別的效果。(當時並沒有想到它會這麼火。)

然後這隻狗就誕生了,當然也做了很多嘗試,我並沒有完全按照照片去畫,那樣的話這隻狗太過寫實與周圍的黃臉們就不搭了。所以就把它卡通化,放大眼睛以及眼神的萌傻感。

擅自在表情中加入doge,並得到老大認可,(有個英明的老大是多麼重要),同事兼好基友老湯同志對doge愛不釋眼,也擅自設計了『喵喵"作為doge的女票。之後我又擅自加了浪頭的表情。

感受一下用戶怎麼玩最後一隻表情的。

再感受一下作為doge他爹是如何的光榮。

再感受一下用戶的智慧,以下表情都出自微博用戶之手。

老湯同志的延伸設計

之後老湯同志還把我們部門小夥伴的寵物都畫了一遍做了一套微博主題,可惜沒上線

左上角是我家貓』鑽鑽『第二條微博內的照片就是它。右下1是老大岳陽明家哈士奇,右下2是老湯家』粘粘『。中間是交互部門老大家貓。

設計來源於生活,在無趣的工作中給自己創造點樂子又為公司創造價值,這個點我們做的很好。

-------------------我是分割線------------------

-----------------

新版表情發布之後那段時間,我每天都看用戶吐槽,每天擔心用戶會因表情流失。

當時微信朋友圈特別流行一些小遊戲,有一款遊戲是在一堆蔡依林中間找鳳姐。

靈機一動,我是否可以做個小遊戲在一堆表情之間找doge呢?但是沒有開發,然後把這個提議和老大說了,老大一口答應,幫我找到h5客戶端的開發大哥。(再一次拍馬屁:有一個英明的老大是多麼重要)然後讓我自己推動這件事。遊戲特別簡單,就是在一分鐘之內看誰找doge找的多。我熬了一夜加兩個白天,遊戲規則+UI+文案全搞定。

開發大哥調了一周,跟著微博h5客戶端一塊上線了。

上線之後。。。。老闆來總玩了一把!

你想像不到當我看到一群大佬在下面聊我主導出來的東西的那種感受,爽極了!

這個遊戲帶動一個話題,當時有2055w閱讀量 ------

讓我意淫一下 (這是去年做分享時的ppt內容,現在數據是2302.8萬)

作為一個UI設計師,我的成就感80%來源於自我意淫,

感謝微博UDC-M的小夥伴,很懷念當年沒心沒肺的樣子。

-----------------------------------

附遊戲鏈接:找柴犬

話題鏈接:找柴犬 - 在微話題一起聊聊吧!

本人微博:JOnes馮大偉的微博

微信:fengen_4899

官網:http://www.dayuxy.com

從小作文沒及格過,第一次答這麼長的題,有錯別字或病句,歡迎指正。


如果你是開玩笑就一定要加上狗頭,不然會被友軍誤傷(手動狗頭)


你知道doge狗嗎?

原型是一條名叫Kabosu的日本母柴犬。

那個斜眼看人的表情(如圖)

2010年2月13日,主人把Kabosu的幾張照片發到她的博客上。這些照片包括柴犬Kabosu倚靠在沙發旁奇特的坐姿和側身瞪著在相機前豎起眉毛的神態,讓人忍俊不禁,這成為日後Doge走紅的原型。

(以上圖文來自百度百科)

後來被大家廣泛應用,PS到各種物品上面,或者應用到各種物品上,一度成為精神污染

如下圖

(圖片來自網路)

風靡了一段時間後,浪浪就推推出了這個

大概表示了一種猥瑣或者說你拿我沒有辦法的意思吧

我覺得和挖鼻孔

有異曲同工之妙

其實KABOSU醬是一隻很萌的柴犬啦

當時把它的照片發上來的主人也不懂它為何就火了起來


跟帖吧中「滑稽」屬於一種萬金油式表情


如何把微博自帶表情保存添加到微信?

如何保存很多APP的底層設計png圖?

我一直非常喜歡用微博的幾個表情,特別是這幾個:

一直想添加到微信的表情包

可是各種辦法用了,都沒有找到高清圖,或者現成的表情

今天終於搞定了,分享跟大家

這個辦法不僅僅限於微博的自帶表情

比如陌陌,Facebook 等等一些列軟體的自帶表情都可以獲得

其次,如果你還喜歡有些APP的底層設計,比如很多好看的 png 的圖,也可以獲取

辦法如下啦!

效果其實還是比較高清的;

這是獲取的所有微博表情,當然我只需要其中一部分;

其實很簡單啦:

第一步:下載微博的客戶端,(下載安卓版本的軟體到 Windows 桌面)

第二步:改後綴名:把 .apk 改為 .zip 也就是壓縮模式

第三步:直接解壓文件就可以啦,其實到這一步就完了,然後就得到了一堆文件,一般來收,APP自帶的圖,以及表情,都在 res 文件夾;

第四步:看下所有的東西都在;

所有圖都是高清的 png 模式

有的童鞋做簡單設計的,就沒有必要到處去找 png 圖啦,直接去感覺 UI 設計非常棒的APP,用他們的就可以了。

第五步:添加到微信;

這個相信就不用我說了吧。

最好是通過QQ傳送保存到手機(微信的圖片會被壓縮,然後添加到微信就可以啦)

當然還有很多方式找到自己喜歡的png圖標

喜歡的就來問我呀!


和這倆表情一樣魔性


客觀點說,作者的表情畫得很一般,之所以火是因為這個叫KABOSU的柴犬本身在國外就很火了,大家都熟悉這個形象,這個表情只是得益於新浪龐大的用戶量而已。最近到處都看到這個狗表情的文章,真的有點炒過了


這個有點假吧,吹的也忒厲害了呢!可以百度一下 doge 會出現百度百科,裡邊有詳細的對這個表情的介紹和由來,跟帖子里吹的那個人有半毛錢關係,頂多就是一個抄襲國外吧?


我想知道這個怎麼打出來 我怎麼沒找到這個表情


推薦閱讀:

一個懂技術的產品經理如何把技術和產品完美融合?
如何實現每天定時發送郵件?
如何寫好一個產品的體驗報告?
互聯網圈外的人,如何通過業餘時間了解互聯網,培養互聯網思維?
如何評價余佳文對近期質疑的微博回應?

TAG:生活 | 互聯網產品 | 微博 | 表情貼圖 | 表情圖設計 |