概述

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

一、設計目標

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

二、創(chuàng)意構思

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

三、風格設定

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

1、色彩

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

2、質(zhì)感

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

四、視覺表現(xiàn)

1、信息傳達

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

2、品牌透傳

場景內(nèi)我們?nèi)诤狭薗Q品牌調(diào)性的元素，如聊天aio、消息氣泡，QQ空間等，加強用戶代入感。

3、動效編排

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

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

五、激發(fā)分享欲

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

1、形象設定

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

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

2、構成規(guī)則

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

3、隱藏款埋入

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

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

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

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

六、形象展示

• 金屬鵝 Metal Q

• 玻璃鵝 Glass Q

• 樹脂鵝 Resin Q

七、形象延展應用

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

結語

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

原文地址：騰訊ISUX

作者：ISUX設計

轉載請注明：學UI網(wǎng)》探秘｜QQ社交形象年度盤點設計密碼

藍藍設計建立了UI設計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設計( sillybuy.com )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司