<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 如何設計節日閃屏?來看騰訊設計師的實戰思路!

    2019-4-9    濤濤

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

    情感化設計已經不是一個新概念,唐納德·諾曼在《情感化設計》一書中,清晰地闡述了情感化設計的重要地位與作用。現階段,同類型的產品在功能、服務、內容上日益趨同,差異越來越小,想讓產品觸及用戶的內心,除了功能滿足需求之外,也需要進行情感化運營。

    微云在不斷完善基礎功能的同時,還基于用戶行為,增加了許多情感化的體驗,比如往年今日、人臉相冊等。在情感化運營上,微云在2018年開始了較為完整的節日閃屏設計,希望向用戶傳達節日的祝福,拉近產品與用戶的距離。

    什么是節日閃屏?

    節日閃屏是指在特定的節日進行情感化設計,傳遞品牌關懷的閃屏。優秀的節日閃屏,在內容上不僅能夠觸達用戶的記憶點,也能夠與品牌相融合,這樣既拉近了用戶與產品的距離,也強化了品牌的認知和記憶。

    確定設計目標

    在開始設計之前,我們期望節日閃屏能夠達到以下兩個目標:

    • 傳達節日祝福喚起用戶回憶
    • 體現微云品牌調性

    不同的節日有不同的文化背景和風俗習慣,節日祝福可以結合最典型的特征,這樣更有利于喚起用戶回憶,后文會結合案例進行分析。然而,品牌調性是貫穿所有節日的,在設計之初,我們明確微云的品牌調性,這樣更有利于品牌的傳達。

    1. 品牌調性研究

    Alan Cooper在《About face 4》中提到,在傳達品牌調性時,可以用一組形容詞來描述產品及體驗,這些詞可以組成詞云,用來指導視覺設計。如何創建這組詞云呢?Allan Cooper 提供了四個方法:從品牌大綱提煉關鍵詞、分析現有產品的界面和服務、分析競品的界面和服務、收集用戶反饋。

    結合微云的特征,我們從現有產品的界面和用戶反饋兩個角度進行分析,提煉符合微云調性的詞云。

    2. 分析現有產品界面

    微云的平臺較多,包括WEB端、PC端、移動端、小程序等,其中WEB端和移動端的用戶最多,就從這兩個端入手,分析產品界面的品牌特征。從結構布局和色彩比例上,可以歸納兩端的共同點:結構清晰、留白較多、簡約干凈。

    3. 分析用戶反饋

    微云用戶在職業分布上,白領用戶占最大。結合使用場景分析,用戶反饋最多的詞是:輕量、方便、下載快速。

    4. 提煉微云品牌詞云

    結合產品界面「結構清晰、留白較多、簡約干凈」的特征和「輕量、方便、下載快速」的用戶反饋,我們提煉出適合描述微云品牌的詞云:簡約、干凈、留白。

    如何做一個節日閃屏?

    接下來就以勞動節閃屏為例,從節日特征和品牌調性兩個維度來闡述節日閃屏的設計過程。

    1. 節日特征

    利用窮舉法,篩選最典型的節日特征。

    微云是一個工具化的產品,旅行/度假更適合旅行類產品,勞動/休息與微云更契合。結合產品功能,定了兩個方向,第一個是「五一不勞你動,微云幫你整理」,與備份照片功能結合;第二個是「勞動光榮」,凸顯節日氣氛。以下是一些草圖方案:

    2. 品牌調性

    前面三個方案重點在于功能的表達,把用戶目光吸引到場景上,內容豐富,但可能造成用戶在3秒內無法明白畫面主題。方案四重點在于氣氛的表達,關注人物故事,角色正在辛勤的勞動,直接點題,場景只起烘托作用。結合「簡約、干凈、留白」的品牌調性和「喚起美好回憶」的品牌期望,我們選擇了氛圍方向進行深入設計。

    主題確定之后,就開始進行優化設計了。圍繞著關鍵詞,采用扁平化的設計手法,在色彩搭配上,由于勞動節沒有明顯的色彩傾向,故以品牌藍為主色調,橙色來源于產品的圖標,作為輔助色提亮整體畫面;在頁面排版上,保持大面積的留白,簡約清爽。

    3. 小結

    勞動節閃屏上線后,我們進行了復盤,我們希望微云的節日閃屏給用戶傳達的是「你的珍貴回憶微云幫你記錄」這樣的小心思,而不是「我們有xx功能」之類的廣告,所以在以后的節日閃屏中,我們會更加傾向節日故事性的表達。視覺風格則采用簡約、干凈、留白的方式,重點突出人物故事,不在場景上過多渲染。

    4. 其他的節日閃屏設計

    按照上面的思路,我們完善了其他的節日閃屏設計。

    母親節閃屏

    母親節是一個西方的節日,在這一天,孩子給母親送康乃馨,來表達自己的愛意。在節日故事上選擇了最具代表性的孩子給母親送花的場景。

    端午節閃屏

    一提到端午節,就會想起粽子的「甜咸之戰」,可見粽子在端午節的重要地位,所以端午節的節日故事就圍繞粽子開展,三個好友齊心協力包粽子。

    七夕閃屏

    牛郎織女,鵲橋相會,是七夕節的美麗傳說,這一天情侶相聚,相互表達愛意。七夕故事定格在情侶相會的瞬間,女生飛奔向男生,在銀河上翩翩起舞,表達久別重逢的喜悅。

    中秋閃屏&圣誕節閃屏

    中秋節故事主題是合家團圓、賞月吃餅。圣誕節故事則以父女二人齊心協力裝飾圣誕樹為主題。

    △ 備注:圣誕節最終效果圖由另一同事繪制

    所有節日閃屏合集

    輸出節日閃屏規范

    節日閃屏除了故事性的表達之外,在設計上我們也輸出了一部分規范,用來把控風格的統一。

    1. 配色規范

    色彩作為用戶最容易感知的部分,使用時與品牌相呼應,主色與輔助色均來源于產品圖標。有明顯色彩屬性的節日,以節日固有色為主,比如春節紅色,中秋黃色等等。無明顯色彩屬性的節日,可以以品牌藍為主,強化品牌印記。

    2. 角色規范

    我們希望重點展示的是人物的珍貴回憶,基于此,我們設計了一批角色,講述角色的故事,讓用戶產生代入感。為了保證統一性,我們制定了人物的細節規范,包括角色頭身比=1 : 9、服裝款式以休閑為主、服飾顏色與品牌色呼應等。

    在設定好人物細節規范之后,我們也完善了角色資源庫,方便后期在其他場景的應用。

    3. 場景規范

    在場景設計上,我們以簡潔,明確為主,場景主要起烘托人物故事的作用,而不進行過多的渲染。

    拓展場景的使用

    做了一系列閃屏之后,這些插圖和角色并沒有閑置,我們在線下挖掘了一些新的使用場景。這些素材被重新利用起來,變身為辦公室的裝飾掛畫,營造出一個充滿品牌氣氛的辦公環境。

    總結

    2018年微云希望通過節日閃屏的情感化運營,給用戶傳達節日關懷的同時也強化微云的品牌認知。在后續的規劃中,我們希望節日閃屏不僅僅是單方面的給用戶傳遞關懷,還能夠和用戶互動,實現更深層次的情感交流,比如點擊節日閃屏,跳轉到往年今日,幫助用戶回憶起以往的美好回憶,增加用戶粘性。2019年微云會繼續給大家傳遞節日的祝福,也會不斷探索新的閃屏設計風格,敬請大家期待。

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

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://m.skdbbs.com

    存檔

    主站蜘蛛池模板: 国产精品日本欧美一区二区| 国产精品成人小电影在线观看| 亚洲国产精品国自产电影| 伊人久久综合精品无码AV专区| 国产精品xxxx国产喷水亚洲国产精品无码久久一区 | 精品亚洲成a人片在线观看| 久久精品人妻一区二区三区| 91精品国产福利在线观看| 国产精品igao视频网网址| 亚洲国产精品无码久久久蜜芽| 久久99亚洲综合精品首页| 99久久精品国产一区二区| 久久九九青青国产精品| 大伊香蕉精品视频在线导航| 国内精品伊人久久久久AV影院| 亚洲国产美女精品久久久久∴| 久久亚洲国产成人精品无码区| 国产精品理论片在线观看| 51国偷自产精品一区在线视频| 国产精品天天影视久久综合网| 国产产无码乱码精品久久鸭| 日韩精品人妻系列无码专区| 亚洲精品自在在线观看| 亚洲中文字幕无码久久精品1 | 日韩精品无码一本二本三本| 亚洲精品午夜无码电影网| 日韩精品成人亚洲专区| 免费人欧美日韩在线精品| 精品久久久久久国产免费了| 精品亚洲欧美无人区乱码| 久久91精品综合国产首页| 精品久久久久久无码中文字幕| 国产精品午夜免费观看网站| 国产精品无码一区二区在线| 精品久久久久国产免费| 午夜精品一区二区三区在线视| 亚洲高清国产拍精品青青草原| 亚洲欧美一级久久精品| 亚洲国产精品VA在线观看麻豆| 日本一卡精品视频免费| 久久精品国产亚洲精品2020|