一、什么是“有駕在現(xiàn)場”
有駕是百度旗下汽車信息與服務(wù)平臺，累計用戶超5.3億，致力于為用戶提供真實、可靠的看選買車服務(wù)，以及為車企和經(jīng)銷商提供從品牌到效果的一站式互聯(lián)網(wǎng)營銷解決方案。
車展對有駕來說是一個流量爆發(fā)的大事件，2021年廣州車展期間有駕品牌全網(wǎng)曝光累計6.3億次，創(chuàng)歷史新高。而【有駕在現(xiàn)場】是百度有駕歷年車展系列活動沉淀下來的品牌IP，已經(jīng)成為活動固定的品牌標識。
二、借勢大事件，打造車展品牌全案
借勢車展的關(guān)注度與影響力，我們想要通過分析調(diào)研總結(jié)，對本次車展進行視覺定調(diào)，建立品牌識別體系，沉淀專屬有駕車展活動的品牌符號和印記；進行線上線下聯(lián)合推廣來打造有駕車展品牌全案，提升有駕的品牌影響力；優(yōu)化活動體驗來為平臺進行引流，讓用戶對有駕產(chǎn)品有更明確的認知。
同時由于車展項目涉及跨部門合作，我們希望可以通過車展品牌全案，統(tǒng)一不同分工輸出的設(shè)計物料視覺一致性，以達到提質(zhì)增效的目的。
以打造品牌全案為出發(fā)點，我們梳理了以下項目計劃。
同時，通過有駕用戶畫像分析，建立用戶標簽，分析用戶屬性及偏好，以更好的觸達用戶。數(shù)據(jù)顯示有駕APP大部分用戶為常駐中高線城市的年輕男性，經(jīng)歷著數(shù)字化信息時代的便利，同時也受到更好的教育和各界多元的文化影響，更大膽更容易被新的東西所吸引。
三、分析項目現(xiàn)狀總結(jié)優(yōu)化點
根據(jù)過往車展項目分析，總結(jié)發(fā)現(xiàn)存在品牌識別度較弱且沒有統(tǒng)一規(guī)范、品牌統(tǒng)一性較弱導致用戶認知成本較高等問題。
四、提煉品牌關(guān)鍵詞
根據(jù)用戶畫像及現(xiàn)狀分析，明確業(yè)務(wù)需求，通過腦暴的形式羅列品牌關(guān)鍵詞，基于品牌DNA對有駕車展進行視覺升級需挖掘符合核心用戶的語境語言和視覺偏好，提煉出品牌關(guān)鍵詞，根據(jù)關(guān)鍵詞規(guī)范可延續(xù)的品牌元素，打造清晰的品牌全案以更清晰的指導后續(xù)視覺設(shè)計工作。
五、視覺定調(diào)
根據(jù)關(guān)鍵詞確定了以賽博朋克風格為視覺基調(diào)，通過三維建模搭建北京地標建筑場景，搭配大膽的配色和新穎的元素樣式打造潮流個性且具有未來感的視覺畫面，匹配車展品牌的創(chuàng)新理念。
同時，在活動玩法方面，通過優(yōu)化活動玩法，多條件激勵用戶給予用戶沉浸式的體驗。
六、建立品牌體系
確定基礎(chǔ)視覺調(diào)性后，我們通過形色質(zhì)構(gòu)來規(guī)范和輸出有駕車展品牌vi規(guī)范，建立有駕車展品牌體系，以提升視覺的產(chǎn)出效率，確保線上線下視覺輸出的一致性。
七、品牌LOGO
【有駕在現(xiàn)場】是有駕多年延續(xù)下來的品牌基因，本次車展也將繼續(xù)夯實品牌資產(chǎn)，進行優(yōu)化升級傳遞品牌調(diào)性。
由于舊版的字體圓角等設(shè)計樣式相對柔和，不能準確表現(xiàn)本次車展視覺調(diào)性。為了傳遞有駕車展的潮酷、未來感，設(shè)計上將舊版文字加粗，圓角調(diào)整為直角，并進行一定的傾斜處理，使字體展現(xiàn)更加果斷硬朗；同時，我們將部分筆畫進行連接，讓字體充滿動感或速度感；最終的字型效果運用有駕品牌藍綠色光效以更好的與畫面結(jié)合。
八、色彩嘗試
由于整體風格參考賽博朋克，配色方面基于有駕品牌色進行延展，輔助色起到平衡主色的沖擊效果、活躍視覺，釋放潮流激情，突出重點模塊；元素上嘗試漸變色豐富元素樣式。
九、組件化通用元素
通過組件化通用元素，不同物料可以快速復(fù)用，節(jié)約設(shè)計成本，解決整個活動的視覺一致性，同時可以沉淀設(shè)計資產(chǎn)。
十、車展主KV
根據(jù)關(guān)鍵詞【未來感】【年輕化】分析適合有駕的設(shè)計風格和調(diào)性，通過三維建模的畫面表現(xiàn)形式，構(gòu)建充滿科技感的賽博朋克畫面，打造潮流科技的有駕車展基礎(chǔ)場景。
主視覺場景設(shè)定為高樓聳立的公路上，有駕跑車向“有駕在現(xiàn)場”北京車展活動現(xiàn)場飛馳。充滿速度感的跑車、霓虹燈牌、高樓大廈色調(diào)和質(zhì)感的碰撞，傳遞出一種直觀的科技感，引領(lǐng)新時代年輕用戶和有駕一起駛向未來。
根據(jù)上述的內(nèi)容進行車展主kv的場景設(shè)定，輸出了草圖方案。
整個場景圍繞“有駕在現(xiàn)場”進行設(shè)計，融合車展相關(guān)元素，滲透品牌標識。
采用3D和2D相結(jié)合的形式，用C4D進行場景搭建，OC渲染器進行燈光材質(zhì)的渲染，反復(fù)修改調(diào)整場景布局、元素等，最終輸出三維設(shè)計圖后進行PS后期，輸出最終的主視覺。
根據(jù)以上內(nèi)容，輸出了對應(yīng)的車展VI規(guī)范。
十一、車展專題頁
根據(jù)主KV及VI規(guī)范進行專題頁的延展，部分內(nèi)容復(fù)用過往車展框架模塊。
新增了導航欄設(shè)計，便于用戶快速跳轉(zhuǎn)到感興趣的內(nèi)容模塊，導航圖標大膽創(chuàng)新嘗試漸變色融合的配色形式，讓扁平的圖標有更加豐富的呈現(xiàn)。在保證閱讀效果的前提下，標題樣式、頁面元素及配色上更加潮酷。
十二、集卡分百萬 引流活動
過往集卡活動不僅與產(chǎn)品、車展契合度高，并且收益明顯，因此本次北京車展活動將復(fù)用、優(yōu)化集卡類活動，讓用戶沉浸式集卡，從而提升用戶活躍及量級。
在玩法方面，本次集卡活動延續(xù)過往活動做任務(wù)得車卡的主玩法，優(yōu)化活動體驗，新增了合成稀有卡可參與大轉(zhuǎn)盤抽獎的玩法以激勵用戶集卡，同時設(shè)立了車展大眾日，在當天進入活動的用戶可以獲得現(xiàn)金紅包，以此來激勵用戶回流，豐富活動玩法。
集車卡活動的主視覺元素及配色是依據(jù)vi規(guī)范，保證整體品牌調(diào)性的統(tǒng)一；普通靚車卡背景延續(xù)主視覺背景，稀有卡嘗試不同配色和場景凸顯其特殊性。
除了專題頁和集卡活動，線上還包括端內(nèi)社區(qū)活動設(shè)計，整體視覺調(diào)性都與我們輸出的車展品牌vi保持統(tǒng)一。
十三、倒計時海報
為了給車展開幕造勢，我們嘗試復(fù)用主KV的三維建筑模型，將倒計時1、2、3與不同視角、不同配色的場景相結(jié)合，整體風格和車展主視覺保持一致，輸出了三張倒計時海報，豐富了整個項目的宣傳內(nèi)容。
整個車展項目除了線上運營活動、造勢海報，還有線下展會宣傳物料及其他第三方輸出的設(shè)計物料，整體視覺調(diào)性都是基于我們輸出的車展品牌VI進行視覺延展，保持統(tǒng)一性的同時，又各自有不同的視覺傳播效果。
十四、總結(jié)
【有駕在現(xiàn)場】作為百度有駕車展品牌活動，我們通過未來感、年輕化、體驗感三個維度來塑造有駕車展系列活動的品牌調(diào)性，搭建了基礎(chǔ)風格，建設(shè)三維賽博朋克高品質(zhì)主視覺，視覺元素細節(jié)驚喜感打磨，通過優(yōu)化活動玩法進行引流，沉淀出新的大事件視覺設(shè)計思路，打造了有駕車展品牌設(shè)計全案。
未來我們的思考不僅僅只局限在視覺的表現(xiàn)上，還要繼續(xù)挖掘品牌系列化活動的延續(xù)性與獨特性，同時更要通過合理的情感互動建立和用戶的鏈接，為品牌長線發(fā)展提供更多價值。
作者：設(shè)計中臺
轉(zhuǎn)載請注明：學UI網(wǎng)》有駕在現(xiàn)場 車展品牌全案設(shè)計【百度】
藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司