概述
每年年底，QQ都會(huì)迎來(lái)一年一度的年終盤點(diǎn)活動(dòng)，幫助用戶實(shí)現(xiàn)QQ社交記憶回溯。通過(guò)生成用戶專屬的社交形象，拉近用戶和QQ之間的距離，體現(xiàn)品牌溫度。
一、設(shè)計(jì)目標(biāo)
年度盤點(diǎn)活動(dòng)不同于主題運(yùn)營(yíng)活動(dòng)，是對(duì)QQ用戶年度高光時(shí)刻的總結(jié)。在活動(dòng)設(shè)計(jì)目標(biāo)的設(shè)立上，我們希望塑造QQ溫暖品牌形象的同時(shí)清晰展示QQ用戶年度的社交記憶點(diǎn)，通過(guò)創(chuàng)造用戶記憶點(diǎn)，激發(fā)用戶分享。
二、創(chuàng)意構(gòu)思
我們從QQ用戶熟知的社交行為、場(chǎng)景出發(fā)，進(jìn)行視覺(jué)元素延展。將用戶的瀏覽過(guò)程喻作QQ社交記憶的探索歷程。通過(guò)QQ元素等場(chǎng)景映射，喚醒用戶的社交記憶，最終形成用戶專屬的社交形象。
三、風(fēng)格設(shè)定
基于活動(dòng)的目標(biāo)我們衍生出以下設(shè)計(jì)關(guān)鍵詞（見(jiàn)下圖），簡(jiǎn)潔有品質(zhì)是本次活動(dòng)視覺(jué)風(fēng)格的核心傳達(dá)目標(biāo)。
1、色彩
為凸顯回憶感知以及透?jìng)鱍Q品牌。在色彩的選擇上我們使柔和的藍(lán)黃漸變色系，背景色系就像天空會(huì)跟隨活動(dòng)節(jié)奏、故事內(nèi)容而動(dòng)態(tài)變化，利用色彩變化傳達(dá)時(shí)光回溯的氛圍感知。
2、質(zhì)感
考慮到整體的風(fēng)格設(shè)定偏潔凈明快的感受，我們多以玻璃、半透明3s，啞光三類材質(zhì)為主。選擇透光性強(qiáng)與色彩融合度高的材質(zhì)搭配使用，讓畫面更具輕盈、簡(jiǎn)約的品質(zhì)感。
四、視覺(jué)表現(xiàn)
1、信息傳達(dá)
年終盤點(diǎn)活動(dòng)與主題運(yùn)營(yíng)活動(dòng)不同，繁冗的氛圍傳達(dá)并不等同清晰的信息傳達(dá)，在活動(dòng)的設(shè)計(jì)上，我們希望一頁(yè)只講述一件事，弱化裝飾，突出主體內(nèi)容。
2、品牌透?jìng)?/strong>
場(chǎng)景內(nèi)我們?nèi)诤狭薗Q品牌調(diào)性的元素，如聊天aio、消息氣泡，QQ空間等，加強(qiáng)用戶代入感。
3、動(dòng)效編排
我們根據(jù)頁(yè)面場(chǎng)景的展示內(nèi)容類型，進(jìn)行動(dòng)畫節(jié)奏上的編排。保持信息傳遞的效率，并在需要氛圍強(qiáng)化的環(huán)節(jié)增強(qiáng)動(dòng)畫吸引力。營(yíng)造靈動(dòng)的內(nèi)容瀏覽體驗(yàn)，提升動(dòng)畫張力。
在動(dòng)畫的運(yùn)動(dòng)樣式上，我們提煉出映射QQ社交場(chǎng)景的動(dòng)態(tài)設(shè)計(jì)語(yǔ)言。通過(guò)模擬聊天氣泡出現(xiàn)、新消息通知彈出、空間訪客踩一踩等社交場(chǎng)景中的動(dòng)畫形式，透?jìng)鱍Q品牌調(diào)性，增強(qiáng)動(dòng)畫表現(xiàn)力。
五、激發(fā)分享欲
從設(shè)計(jì)層面，如何激發(fā)用戶的分享欲？在本次活動(dòng)分享中用戶的專屬社交形象扮演著重要的角色，接下來(lái)我們將介紹影響社交形象品質(zhì)的三大設(shè)計(jì)因素。
1、形象設(shè)定
我們選用QQ作為社交形象主體，根據(jù)用戶不同的社交屬性去賦予其色彩、材質(zhì)的變化。在初步的生成方案上，我們嘗試挖掘更多的組合可能性，從QQ圍巾、嘴巴等部件進(jìn)行材質(zhì)變化。但三維的部件設(shè)計(jì)、審核成本高且組合起來(lái)多種情況形象差異性小。
為此我們降本提效精簡(jiǎn)了生成邏輯，在鵝身上視覺(jué)強(qiáng)感知的場(chǎng)域進(jìn)行差異化設(shè)計(jì)。
2、構(gòu)成規(guī)則
我們將社交關(guān)鍵詞分為三大階級(jí)并衍生出社交形象構(gòu)成的梯度規(guī)則。從社交小白到社交天花板，不同強(qiáng)弱的社交屬性決定著鵝身的變化。例如低階的材質(zhì)表現(xiàn)使用的是石膏、木紋，形容人們?cè)谏缃簧夏驹G、寡言少語(yǔ)，而高階的鵝身質(zhì)感、色彩，圖案表現(xiàn)更加豐富。
3、隱藏款埋入
在QQ形象設(shè)計(jì)上，我們根據(jù)不同的社交關(guān)鍵詞進(jìn)行了不一樣的設(shè)計(jì)，包括樣式、材質(zhì)、顏色等，這些不一樣的設(shè)計(jì)在隱藏款上尤為突出。
例如針對(duì)社交關(guān)鍵詞“一呼百應(yīng)KOL“，此社交關(guān)鍵詞形容的是人氣高，是眾人的焦點(diǎn)，為了體現(xiàn)這種超高人氣，QQ形象通體采用透明材質(zhì)，并在內(nèi)部放置了很多不同的體現(xiàn)開(kāi)心的黃臉表情。
在隱藏款“自帶光環(huán)的主角”的設(shè)計(jì)上，我們希望傳遞出受人矚目的光感，結(jié)合我們的生活，光線經(jīng)過(guò)玻璃后，通過(guò)不斷折射反射，能很好的傳遞出多彩和絢麗感覺(jué)，所以這款QQ形象通體采用了玻璃材質(zhì)，強(qiáng)化和傳遞出受人矚目的主角光環(huán)。
隱藏款之外，其他更多QQ形象我們也會(huì)根據(jù)社交關(guān)鍵詞進(jìn)行不一樣的設(shè)計(jì)。
六、形象展示
- 金屬鵝 Metal Q
- 玻璃鵝 Glass Q
- 樹(shù)脂鵝 Resin Q
七、形象延展應(yīng)用
除此之外，我們?cè)诖汗?jié)賀卡活動(dòng)中還復(fù)用了部分鵝身形象，并為虎年設(shè)計(jì)了專屬的虎紋迷彩鵝。期待后續(xù)在運(yùn)營(yíng)活動(dòng)中嘗試更多的個(gè)性化QQ形象，刷新IP，升華品牌。
結(jié)語(yǔ)
在當(dāng)今社會(huì)強(qiáng)調(diào)本我的趨勢(shì)下，活動(dòng)千人千面的屬性越發(fā)重要。將經(jīng)典的QQ形象與用戶社交特征相結(jié)合，傳遞具備獨(dú)特性、品質(zhì)感的品牌視覺(jué)表現(xiàn)，更能拉近QQ與用戶的距離。我們相信在未來(lái)的年終盤點(diǎn)活動(dòng)中，QQ會(huì)帶給大家更多的驚喜，敬請(qǐng)期待吧！
原文地址：騰訊ISUX
作者：ISUX設(shè)計(jì)
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》探秘｜QQ社交形象年度盤點(diǎn)設(shè)計(jì)密碼
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.dzxscac.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司