<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          探秘|QQ社交形象年度盤點設計密碼

          2022-6-22    seo達人



          圖片

           

          概述

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

           

          一、設計目標

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

          圖片

           

          二、創意構思

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

          圖片

           

          三、風格設定

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

          圖片

          1、色彩

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

          圖片

          2、質感

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

          圖片

           

          四、視覺表現

          1、信息傳達

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

          圖片

          2、品牌透傳

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

           

          圖片

          3、動效編排

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

          圖片

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

          圖片

          圖片

           

          五、激發分享欲

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

           

          圖片

          1、形象設定

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

          圖片

          圖片

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

          圖片

          2、構成規則

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

          圖片

          圖片

          3、隱藏款埋入

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

          圖片

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

          圖片

          圖片

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

          圖片

          圖片

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

           圖片

          圖片

          圖片

           

          六、形象展示

          • 金屬鵝 Metal Q

          圖片

          • 玻璃鵝 Glass Q

          圖片

          • 樹脂鵝 Resin Q

          圖片

          圖片

          圖片

          圖片

           

          七、形象延展應用

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

          圖片

           

          結語

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

          圖片

           

          原文地址:騰訊ISUX

          作者:ISUX設計

          轉載請注明:學UI網》探秘|QQ社交形象年度盤點設計密碼

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

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合