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

拓展閱讀

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

設(shè)計(jì)目標(biāo)

年度盤點(diǎn)活動(dòng)不同于主題運(yùn)營活動(dòng),是對(duì) QQ 用戶年度高光時(shí)刻的總結(jié)。在活動(dòng)設(shè)計(jì)目標(biāo)的設(shè)立上,我們希望塑造 QQ 溫暖品牌形象的同時(shí)清晰展示 QQ 用戶年度的社交記憶點(diǎn),通過創(chuàng)造用戶記憶點(diǎn),激發(fā)用戶分享。

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

創(chuàng)意構(gòu)思

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

風(fēng)格設(shè)定

基于活動(dòng)的目標(biāo)我們衍生出以下設(shè)計(jì)關(guān)鍵詞(見下圖),簡潔有品質(zhì)是本次活動(dòng)視覺風(fēng)格的核心傳達(dá)目標(biāo)。

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

1. 色彩

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

2. 質(zhì)感

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

視覺表現(xiàn)

1. 信息傳達(dá)

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

2. 品牌透傳

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

3. 動(dòng)效編排

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

激發(fā)分享欲

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

1. 形象設(shè)定

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

為此我們降本提效精簡了生成邏輯,在鵝身上視覺強(qiáng)感知的場(chǎng)域進(jìn)行差異化設(shè)計(jì)。

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

2. 構(gòu)成規(guī)則

我們將社交關(guān)鍵詞分為三大階級(jí)并衍生出社交形象構(gòu)成的梯度規(guī)則。從社交小白到社交天花板,不同強(qiáng)弱的社交屬性決定著鵝身的變化。例如低階的材質(zhì)表現(xiàn)使用的是石膏、木紋,形容人們?cè)谏缃簧夏驹G、寡言少語,而高階的鵝身質(zhì)感、色彩,圖案表現(xiàn)更加豐富。

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

3. 隱藏款埋入

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

形象展示

金屬鵝 Metal Q

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

玻璃鵝 Glass Q

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

樹脂鵝 Resin Q

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

形象延展應(yīng)用

除此之外,我們?cè)诖汗?jié)賀卡活動(dòng)中還復(fù)用了部分鵝身形象,并為虎年設(shè)計(jì)了專屬的虎紋迷彩鵝。期待后續(xù)在運(yùn)營活動(dòng)中嘗試更多的個(gè)性化 QQ 形象,刷新 IP,升華品牌。

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

結(jié)語

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

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

歡迎關(guān)注作者微信公眾號(hào):「騰訊ISUX」

騰訊實(shí)戰(zhàn)案例!QQ社交形象年度盤點(diǎn)的設(shè)計(jì)密碼

收藏 43
點(diǎn)贊 37

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。