視覺設計 ? 表情設計與優化(雪球APP表情設計升級過程)

表情設計與優化(雪球APP表情設計升級過程)

發表于: 視覺設計. 評論
Sponsor

在社區平臺語境里,表情無疑是很重要的組成部分。一套豐富且定位準確的表情可以幫助用戶更清晰地表達自己的感受,增進溝通的準確性,同時增添社交互動的趣味性,拉進用戶之間的距離。帶有平臺特性的表情更能彰顯平臺自身的獨特性。

雪球作為金融社區平臺,表情自然也是重要的元素。我們通過數據調研,發現雪球社區互動中表情的滲透率達到18%,表情的使用率比較高。而現有的表情年久失修,存在幾個比較明顯的問題,首先視覺風格陳舊辨識度低;再有,表情中原本存在一些股票梗的表現力較弱,畫風不夠有趣。第三,雪球誕生了新IP“呦呦”,非常適合在表情中應用來推廣雪球品牌特性。

基于以上背景我們展開了對于表情翻新改版的項目。

表情設計與優化(雪球APP表情設計升級過程)

現狀&問題

通過對當前狀況進行系統梳理,我們發現了一些存在的問題。

表情設計與優化(雪球APP表情設計升級過程)

1.設計風格陳舊,不易識別表現力弱:

目前線上雪球表情風格老舊,視覺表達不符合當下設計潮流趨勢;由于表情是白色在行文中表現力不足且不易被用戶識別,因而趣味性表達的作用不夠凸顯。

表情設計與優化(雪球APP表情設計升級過程)

2.缺乏股票基金場景的情緒表達

社區場景中有大量的股票基金的討論和相關內容的情緒表達,而目前表情體系中缺乏此類表達或表達不夠生動。

比如「關燈吃面」和「割肉」,在行文中一眼能識別到視覺主體是表情臉,而“吃面”和“割肉”的語義沒有生動的體現出來;還比如「跳水」又太具象和寫實,少了表情的趣味性。

表情設計與優化(雪球APP表情設計升級過程)

3.沒有將雪球的新IP融入表情

雪球誕生了新的IP“呦呦”,表情的體系非常適合融入IP向的內容,將IP表情化也更利于IP的推廣和品牌的傳播。

表情設計與優化(雪球APP表情設計升級過程)

表情設計與優化(雪球APP表情設計升級過程)

視覺風格探索

1.雪球用戶特征

設計風格需要根據平臺用戶特征進行確定。開始設計之前,我們先看看雪球用戶大概是什么樣的。

表情設計與優化(雪球APP表情設計升級過程)

雪球的主要用戶為男性且集中在30-50歲左右,所以在視覺表現上盡量避免女性化或低齡化的風格。

2.視覺風格探索

風格確定

舊版的表情蒼白,雖然細節很多但在行文中難以識別,本次改版重要任務之一是改版新的視覺風格。emoji是最被用戶熟知的表情體系,我們決定新版向傳統黃臉emoji表情靠攏。大方向定了,但還需要確定視覺感受符合雪球的emoji。最后在兩種視覺風格中我們選擇了視覺感受偏中性、風格扁平的這個方向,這個風格和雪球用戶特征更契合。

表情設計與優化(雪球APP表情設計升級過程)

提升辨識度

表情在交流中作為非文字的“語言”,其辨識度至關重要。表情在行文中的尺寸相對較小和單個文字差不多,那么如何保證在文字中依然能一眼讀懂表情?

在對表情整體風格的把控下,需要通過對細節的打磨和反復實驗,得出更有辨識度的設計方案。保持視覺扁平,盡量使用簡潔的幾何圖形,加強顏色對比度,減少顏色數量,放大表情特征。通過以上手段有效的提升了表情的一致性和在行文中的辨識度。

表情設計與優化(雪球APP表情設計升級過程)

表情設計與優化(雪球APP表情設計升級過程)

發現股民討論語境下的“?!?/p>

本次表情升級除了對現有表情進行改造升級,還針對雪球社區特色進行挖掘。

1.挖掘“?!?/p>

前面我們說到雪球用戶是集中在30-50歲左右的男性,那么這類人群在社區中有怎樣的表達特點呢?

通過觀察我們發現,在面對股市的波動和不確定性,雪球用戶更喜歡用幽默詼諧的論調來調侃市場以宣泄心中的無奈和負面情緒,同時在波動面前展現出一種堅韌和自嘲的心態。我們可以在這種“戲謔調侃”中挖掘可以視覺化的情緒和表情。以此作為本次表情升級的一個重要方向。

戲謔調侃的表情有哪些呢?我們挖掘了當下網絡社交流行的表情包和熱詞?;叵胍幌挛覀兪欠褚步洺J褂妙愃啤暗罔F老人看手機”“黑人問號臉”等網絡熱圖來表達內心的復雜情緒呢。

表情設計與優化(雪球APP表情設計升級過程)

在變幻莫測的股市中,面對現實的無力和不確定,祈福求平靜成了股民表達情緒舒緩心情的一種方式,比如“敲木魚”“祈求大漲”等儀式感的情境以表情的方式呈現,也能一定程度上引起用戶的共鳴。

表情設計與優化(雪球APP表情設計升級過程)

2.讓表情“淋漓盡致”

  • 微表情盡顯“內心戲”

一個表情里往往蘊含不只一種情感,短暫而難以察覺的面部變化最能傳達個體真實的情感狀態,一個眼神、嘴唇微動等細微變化,常常表達出個體內在的真實狀態。

在設計“大哭”這個表情時,我們挖掘到大哭背后可能是某種“絕望”,那么觀察下人們絕望時最大的面部特點是不是空洞的眼神和僵硬的臉?用這樣的微表情和大哭結合在一起,感受大哭情緒的同時也傳遞了絕望的內心戲。

表情設計與優化(雪球APP表情設計升級過程)

  • 賺了、虧了一目了然

股票社區中漲跌是永遠的話題,市場的漲跌背后牽動著的是股民們真金白銀的賬戶?!疤澊罅恕焙汀氨└弧边@兩個表情很生動的表達了用戶盈虧的兩種處境,但原有表情的視覺表達過于保守和隱晦。要讓用戶一眼看到就產生共鳴,紅綠色是最直觀的漲跌信號,我們把這種語義和表情結合,“虧大了”除了表情沮喪還得加點綠色烘托氛圍,“暴富”的喜悅中再加上紅包加持情緒。

表情設計與優化(雪球APP表情設計升級過程)

  • 戲劇化表達

在某些極端情緒上我們還嘗試打破舊表情的禁錮,用更加生動夸張的方式呈現。比如“絕望”,只靠面部表情似乎無法充分的表達,所以我們營造了簡單的環境和肢體動作, 一個癱在墻角雙目無神的小黃臉,絕望的形象躍然紙上。

表情設計與優化(雪球APP表情設計升級過程)

3.股票專屬“?!?/p>

雪球社區里有一些獨特的表情,比如“關燈吃面”,它是雪球老用戶傳承的經典梗;還有諸如跳水、割肉、抄底、滿倉等股票術語梗也頗受歡迎。升級優化這類表情的同時我們小開腦洞在原有基礎上增加了“好基友”等新梗,讓股民表達更豐富有趣。

表情設計與優化(雪球APP表情設計升級過程)

表情設計與優化(雪球APP表情設計升級過程)

IP表情化

去年雪球誕生了自己的IP“YOYO”,此次表情升級正好可以將IP表情化,在平臺應用和傳播。

YOYO所代表的品牌語義

1.福祿壽:因其原型是馴鹿,取福祿壽之意,代表財富;

2.溫暖陪伴&服務感:馴鹿具備天生的陪伴和服務感,與雪球強調的品牌服務感相契合。

表情設計與優化(雪球APP表情設計升級過程)

YOYO品牌語義表情化

根據YOYO的兩種品牌語義,我們分別開腦洞。

哪些意向和財富相關呢?我們找到“錦鯉”“招財貓”“金元寶”,這些元素和表情相結合形成財富類表達;那么陪伴和服務感我們使用“抱抱”、“打call”這類溫暖鼓勵意向的肢體語言來和YOYO結合傳達。

表情設計與優化(雪球APP表情設計升級過程)

最后

表情設計與優化(雪球APP表情設計升級過程)

此次表情改版我們不僅從視覺和交互體驗角度進行優化升級,還通過挖掘平臺特征、用戶特征來探索表情更豐富的表達和更深層語義。通過本次升級希望助力雪球社區的互動性、豐富性、趣味性。引發用戶共鳴和更積極的互動,建立更強大的社區鏈接。

內容指導 | @Zway @默默
內容寫作|@潔潔
排版編輯&優化 | @丸子
作者:雪球設計中心XDC(xueqiudesign.zcool.com.cn)
來源:站酷

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }