每年年底,QQ 都會迎來一年一度的年終盤點活動,幫助用戶實現 QQ 社交記憶回溯。通過生成用戶專屬的社交形象,拉近用戶和 QQ 之間的距離,體現品牌溫度。

拓展閱讀

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

設計目標

年度盤點活動不同于主題運營活動,是對 QQ 用戶年度高光時刻的總結。在活動設計目標的設立上,我們希望塑造 QQ 溫暖品牌形象的同時清晰展示 QQ 用戶年度的社交記憶點,通過創造用戶記憶點,激發用戶分享。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

創意構思

我們從 QQ 用戶熟知的社交行為、場景出發,進行視覺元素延展。將用戶的瀏覽過程喻作 QQ 社交記憶的探索歷程。通過 QQ 元素等場景映射,喚醒用戶的社交記憶,最終形成用戶專屬的社交形象。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

風格設定

基于活動的目標我們衍生出以下設計關鍵詞(見下圖),簡潔有品質是本次活動視覺風格的核心傳達目標。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

1. 色彩

為凸顯回憶感知以及透傳 QQ 品牌。在色彩的選擇上我們使柔和的藍黃漸變色系,背景色系就像天空會跟隨活動節奏、故事內容而動態變化,利用色彩變化傳達時光回溯的氛圍感知。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

2. 質感

考慮到整體的風格設定偏潔凈明快的感受,我們多以玻璃、半透明 3s,啞光三類材質為主。選擇透光性強與色彩融合度高的材質搭配使用,讓畫面更具輕盈、簡約的品質感。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

視覺表現

1. 信息傳達

年終盤點活動與主題運營活動不同,繁冗的氛圍傳達并不等同清晰的信息傳達,在活動的設計上,我們希望一頁只講述一件事,弱化裝飾,突出主體內容。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

2. 品牌透傳

場景內我們融合了 QQ 品牌調性的元素,如聊天 aio、消息氣泡,QQ 空間等,加強用戶代入感。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

3. 動效編排

我們根據頁面場景的展示內容類型,進行動畫節奏上的編排。保持信息傳遞的效率,并在需要氛圍強化的環節增強動畫吸引力。營造靈動的內容瀏覽體驗,提升動畫張力。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

在動畫的運動樣式上,我們提煉出映射 QQ 社交場景的動態設計語言。通過模擬聊天氣泡出現、新消息通知彈出、空間訪客踩一踩等社交場景中的動畫形式,透傳 QQ 品牌調性,增強動畫表現力。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

激發分享欲

從設計層面,如何激發用戶的分享欲?在本次活動分享中用戶的專屬社交形象扮演著重要的角色,接下來我們將介紹影響社交形象品質的三大設計因素。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

1. 形象設定

我們選用 QQ 作為社交形象主體,根據用戶不同的社交屬性去賦予其色彩、材質的變化。在初步的生成方案上,我們嘗試挖掘更多的組合可能性,從 QQ 圍巾、嘴巴等部件進行材質變化。但三維的部件設計、審核成本高且組合起來多種情況形象差異性小。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

為此我們降本提效精簡了生成邏輯,在鵝身上視覺強感知的場域進行差異化設計。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

2. 構成規則

我們將社交關鍵詞分為三大階級并衍生出社交形象構成的梯度規則。從社交小白到社交天花板,不同強弱的社交屬性決定著鵝身的變化。例如低階的材質表現使用的是石膏、木紋,形容人們在社交上木訥、寡言少語,而高階的鵝身質感、色彩,圖案表現更加豐富。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

3. 隱藏款埋入

在 QQ 形象設計上,我們根據不同的社交關鍵詞進行了不一樣的設計,包括樣式、材質、顏色等,這些不一樣的設計在隱藏款上尤為突出。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

例如針對社交關鍵詞“一呼百應 KOL“,此社交關鍵詞形容的是人氣高,是眾人的焦點,為了體現這種超高人氣,QQ 形象通體采用透明材質,并在內部放置了很多不同的體現開心的黃臉表情。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

在隱藏款“自帶光環的主角”的設計上,我們希望傳遞出受人矚目的光感,結合我們的生活,光線經過玻璃后,通過不斷折射反射,能很好的傳遞出多彩和絢麗感覺,所以這款 QQ 形象通體采用了玻璃材質,強化和傳遞出受人矚目的主角光環。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

隱藏款之外,其他更多 QQ 形象我們也會根據社交關鍵詞進行不一樣的設計。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

形象展示

金屬鵝 Metal Q

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

玻璃鵝 Glass Q

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

樹脂鵝 Resin Q

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

形象延展應用

除此之外,我們在春節賀卡活動中還復用了部分鵝身形象,并為虎年設計了專屬的虎紋迷彩鵝。期待后續在運營活動中嘗試更多的個性化 QQ 形象,刷新 IP,升華品牌。

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

結語

在當今社會強調本我的趨勢下,活動千人千面的屬性越發重要。將經典的 QQ 形象與用戶社交特征相結合,傳遞具備獨特性、品質感的品牌視覺表現,更能拉近 QQ 與用戶的距離。我們相信在未來的年終盤點活動中,QQ 會帶給大家更多的驚喜,敬請期待吧!

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

歡迎關注作者微信公眾號:「騰訊ISUX」

騰訊實戰案例!QQ社交形象年度盤點的設計密碼

收藏 43
點贊 37

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。