雪球嘉年華是雪球成立十年以來最核心的品牌資產，是雪球傳遞為用戶提供在線財富管理理念、傳播品牌使命愿景的重要平臺，也是打造雪球社區生態、促進業務發展的重要推手。當然，雪球嘉年華最為核心的價值就是它架起了一座橋梁，將雪球和用戶緊緊的連接了起來。
01. 活動概述 / About The Snowball Festival
02. 嘉年華品牌形象 / About The Brand
1. 新生與回顧
我們創造了專屬于雪球嘉年華的視覺符號后，得到了許多用戶的認可，以及對嘉年華視覺全新升級后品牌好感度的提升，這些反饋也給了我們堅持以XQ為雪球嘉年華視覺符號的信心。
?
2. 新方向、新目標
隨著全新的「XQ」品牌形象升級后，我們發現主視覺設計完成度上，還有一定的提升空間，XQ視覺符號變化不夠豐富立體，沒有更多延展的嘗試，這些正是我們想在2020雪球嘉年華設計上，力求突破創新的關鍵目標——賦予XQ符號多元變化、更多延展。讓連續舉辦八年的雪球嘉年華活動煥發活力，給用戶耳目一新的感受。
?
03. 設計過程 / Design Process
?
1. 目標難點分析
今年嘉年華項目的設計難點在于，三期活動對應三套視覺，既要保證一致性、傳遞系列感，又要根據活動的不同特點來打造差異化的視覺。
我們梳理出三個關鍵因素：畫面結構、主題元素、視覺風格，破解難點的思路是通過控制畫面結構來保持統一性，同時通過主題元素和視覺風格的的區分來實現差異化，并且準確傳達出三個活動階段層層遞進的關系。
?
2. 畫面結構鎖定?
項目初期，我們認為XQ符號包含很多可能性，但時間不允許設計師做過多嘗試，為了快速縮小設計探索的范圍，我們從幾個角度來分析了約束條件：氛圍基調、核心元素、延展方式、使用情景、項目周期。
首先我們通過與需求方的橫向溝通，明確了元素豐富、畫面熱鬧的大基調；隨后設計內部集中討論，從結果角度出發，分析了如上圖所示的約束條件；接著我們參照這些條件，進行了集中的腦暴、試錯、排除。
?
經過約束條件的過濾，我們發現有效的方案幾乎是唯一的：用橫、豎、45°斜線組成的網格分割形式來統一所有畫面。因為只有這樣才能同時滿足系列感、延展性以及快速推進的項目要求。
推進到這里，我們已經基本鎖定了三套視覺的畫面邏輯。
大框架有了，但由于活動數量多，每套視覺該怎么下手還是非常不明確。接下來需要進一步縮小范圍，確定三期活動的視覺元素和風格。
?
3. 元素風格梳理
首先，我們根據三階段活動的不同屬性，分別梳理了關鍵詞。隨后我們從關鍵詞出發，對三期活動的差異化元素進行了頭腦風暴。接著我們根據三期活動氛圍基調的差異，采集了三類不同的風格意向。
「我要上嘉年華」是預熱活動，更需要表現出球友踴躍參與的活動氛圍，我們由此出發，選擇了氛圍更為熱鬧的波普風格，并最終確定了手持話筒的元素創意。
「雪球獎 」更強調高級感、儀式感、身份認同感，我們由此出發，選擇了一種精致簡約的插畫風格，并最終確定了手持獎杯的小金人作為核心元素。
「雪球嘉年華」是雪球一年一度的投資行業分享大會，設計上更多的訴求是傳遞雪球的品牌和嘉年華活動的品牌。最終我們將核心元素設定為把雪球捧在手心，一方面力求展現雪球與用戶的情感紐帶；另一方面希望表現掌控財富的意向，傳遞雪球未來要做在線財富管理平臺的品牌主張。
通過密集的頭腦風暴，我們快速理清了三套視覺的畫面結構、視覺風格、主題元素，這樣就省去了設計嘗試探索的步驟，讓我們能夠直接進入圖形和配色相關的設計執行。
執行階段，根據前期確定的畫面結構，我們分別進行了三種風格和元素的填充，來分別匹配我要上嘉年華的踴躍參與感、雪球獎的高端儀式感以及雪球嘉年華的品牌認同感。
?
4. 視覺設計過程
三期活動上線時間非常緊湊，設計上的策略是按上線時間順序，對三套視覺逐個擊破。
?
?
?雪球獎
「雪球獎/雪球之夜」這個階段分為線上、線下兩個部分，首先是線上「雪球獎」評選活動，通過符號Q里手持獎杯的小金人插畫形象將評選活動的高級感、儀式感、身份認同感具象化，同時輔助鉆石等元素來增添精致氛圍。
考慮到線下延展以及活動調性，在視覺呈現上進行了多次嘗試，尤其是在配色上通過對比探索，選擇了更加別致、更具格調的紫金配色，突出「雪球之夜」頒獎典禮的儀式感。
雪球嘉年華
「雪球嘉年華」是三個系列活動中最為重要的收官項目，因此設計上我們也安排了更多時間來打磨，選擇了 3D 和動態的視覺形式，來豐富最終設計產出的層次。
為了保證手的最終形態能夠與符號 Q 恰當結合，我們進行了很多嘗試，力求在保持動態優美的前提下，能與 Q 形成協調的賦形。
3D設計方面，我們從形態到材質都做了很多探索。考慮到3D模型與整體畫面的結合，我們選擇了能與環境產生更多色彩關系的反光材質，環境和小球的貼圖細節經過反復推敲，才最得到終呈現的效果。
對于XQ符號的圖形和色彩演繹，我們也做了很多嘗試。圖形方面確定了斜切分割的視覺形式，來配合整體畫面的切割結構；色彩方面我們選擇了水藍色傾向，因為藍色可以更直接地傳遞雪球的品牌色彩，同時視覺上與3D元素的冷調反光材質可以產生更自然的結合。
最終我們定義了一套可以靈活應用的主視覺，純平面的XQ符號可以適應各種尺度和媒介，平面結合3D的形式給動態演繹帶來更多可能，適合在各種屏幕媒介上呈現。
至此2020雪球嘉年華三大階段的主KV設計工作已經結束，但你以為這就完了？好戲還在后面那！
?
就這？
我們需要一個將三個階段集合在一起的頁面，來承載更多的功能需求，同時我們想最大化用戶的線上體驗，那就需要通過創新玩法、多維入口、交流互動讓用戶更加沉浸在嘉年華活動之旅中，所以這條既能展示雪球社區生態屬性，又能承載更多功能、滿足業務訴求的「嘉年華長街H5」應運而生。
?
04. 雪球嘉年華長街H5 / The Fortune Street H5
?
1. 目標梳理
嘉年華長街H5的主要目標功能有三個，分別是：活動聚合、搶票功能、交流互動，通過實現這三個功能目標，最大化實現用戶線上的參與度。
通過目標梳理后，我們根據以上需要滿足的功能需求，逐步分析內容和拆解目標后，然后在進行畫面結構、元素風格。交互邏輯等探索，從設計的角度幫助完善功能，提升體驗。
?
2. 設計過程
內容分析
?
畫面結構
品牌、產品業務方希望通過這個H5頁面，傳遞出雪球在線財富管理平臺理念，展示雪球社區生態屬性，所以項目主創三人也從長街的畫面結構、入口內容到頁面交互邏輯、動效設計等進行了大量的腦暴討論。
從內容上對36個入口分好級后，在草圖執行階段即可對一/二級入口元素的視覺大小，細節豐富度做區分，確保在入口元素多的情景下，長街整體的視覺節奏和街道的負形關系是舒服的。
?
H5交互流程
在入口的視覺設計上我們花了許多精力在動效呈現上，為的是更吸引用戶的點擊，同時增加標簽，讓用戶一目了然。用戶在點擊進入后，會結合入口的功能個性化定制子頁面，讓整個長街之旅更加的統一和立體。比如長街里我們加上了一些巧思，畫面中的一些車輛，店鋪門等元素是可以跟著手勢滑動交互而移動的。
?
視覺設計
我們通過前期對嘉年華長街視覺風格大量research和討論，希望長街視覺上是「嘉年華」或「游樂園」的氛圍呈現，元素形態設計上也會貼合這兩個關鍵詞，結合一些「動效設計」使長街更加生動有趣。
3. 視覺展示
靜態長圖展示：
05. 活動呈現?/ Activity Effect
?
06. 結語?/ Summary
對于我們的用戶來說，2020雪球嘉年華這場投資界的盛會已經圓滿落幕了，雪球致力于為用戶提供在線財富管理平臺的理念，也逐漸在用戶的心中生根發芽。
對于我們設計團隊來說，雪球嘉年華更像是一場期末大考，參與項目的三位主創設計師，在壓力面前承受住了這極富挑戰的考驗，交上了一份創意十足、力求突破的答卷。過程中我們收獲了彌足珍貴的經驗，不僅是在設計層面，還有面對復雜項目、眾多需求方時，所展現出溝通協作、拆解目標和助力業務的能力。
希望通過不斷創新突破和細致打磨我們的設計，在滿足用戶訴求，透傳業務需求的同時，賦予雪球品牌全新活力，這樣才能體現出設計的價值，助力雪球完成品牌使命。
面對未來，我們堅信雪球會與用戶攜手一起乘風破浪，滿倉前行。
作者：雪球設計中心
轉載請注明：學UI網 » 雪球品牌設計丨如何打造一場投資界的嘉年華？
