多元好玩的科技廟會-好運中國年“新”體驗

2023-3-21    博博

本文主要闡述我們是怎樣通過創(chuàng)新來打造一款具有科技感知多元玩法的百度好運中國年活動。


前言

每當臨近春節(jié)時,互聯(lián)網(wǎng)大廠的新年福利活動都會相擁而至,大家在各種活動中紅包拿到手軟。此時,百度APP的「好運中國年」系列活動也如期與大家見面,毫不吝嗇的把“好運”傳遞給每個用戶。

2019年至今,「好運中國年」已進行了五年,每年都會在品牌和玩法體驗上進行探索與創(chuàng)新,今年進行了更深入的打磨,給用戶一種“新”體驗。在設(shè)計理念上,通過具有科技感和年俗氣息的視覺創(chuàng)新,打造一場百度獨有的“科技廟會”;活動玩法方面,較以往也更加豐富,包括了百度經(jīng)典集卡玩法和多種紅包玩法,給用戶多元有趣的活動體驗。今年春節(jié)的活動周期比往年更長,近一個月的好運中國年讓用戶樂此不疲。



打造好玩好逛的科技廟會

活動初期,我們從產(chǎn)品、用戶、社會三個角度進行分析,確定活動的設(shè)計目標。

百度APP是百度在移動搜索方向的核心產(chǎn)品,代表了百度先進的搜索技術(shù)能力,具備很強的科技屬性。今年團隊設(shè)計的重點目標就是將活動與產(chǎn)品屬性相結(jié)合,因此今年開始嘗試打造「科技感」春節(jié)活動;好的活動體驗可以加深用戶對活動的記憶,為了讓用戶對「好運中國年」印象深刻,我們結(jié)合多種玩法營造科技廟會的氛圍;而這么多的活動需要一個“集合體”來承載,“它”既要多元又要契合團隊探索的有社會價值的年俗工藝,因此選用了“廟會”這個形式來承載。

經(jīng)過分析,最終確定以好玩好逛的“科技廟會”作為本次活動的設(shè)計理念,給用戶“新”的體驗感受。



來場對“科技廟會”的探索

“科技廟會”是什么樣子呢?通過將詞拆解的方法,以“科技”和“廟會”為關(guān)鍵詞進行思維發(fā)散,想象以什么樣的視覺來呈現(xiàn)今年的春節(jié)活動。



探索過程中嘗試AI繪畫,用新的科技手段輔助尋找靈感。



定調(diào)

經(jīng)探索,廟會的圖像特征越來越清晰,它是一場熱鬧的具有多元文化載體的文化現(xiàn)象,擁有像舞獅/臺戲/商鋪/古樓/燈籠/風竹等事物,是民間藝術(shù)的結(jié)合體,描繪了老百姓新年期間的市井生活。



「科技感」則是一種視覺感知,既可以通過點、線、抽象圖形進行感受,是粒子、發(fā)光體、光環(huán)、全息;又可以通過機器人、移動設(shè)備、全息屏幕等具象物體體現(xiàn),是圖形元素間的動態(tài)穿插或是一種變化發(fā)展的趨勢。



我們將射線、光環(huán)、粒子、全息圖像、速度感圖形等元素植入具有人文特征的廟會中,切入“科技廟會”主題風格,進而確定視覺調(diào)性。

最終通過KV將探索的“科技廟會”視覺調(diào)性展示出來。打造出的視覺情緒是新奇熱鬧的,整體營造一場充滿科技氛圍的春節(jié)集市。以兔子形象IP為故事主體,講述一個“兔年春節(jié)逛科技廟會”的世界觀。通過“兔子舞獅”、“古鎮(zhèn)建筑”、“商品小攤”等元素來體現(xiàn)廟會,道路上的全息路標、遠處向上延伸的科技立光、城市建筑上的懸浮光圈來增加科技感。



定義“科技特色”的品牌體系

從確定設(shè)計理念開始,今年「好運中國年」的品牌設(shè)計就被貼上了“不一樣”的標簽。有別于往年的關(guān)鍵點是,需要在字體、圖形和IP上充分體現(xiàn)今年“不一樣”的“科技感”。

品牌字體

首先把“科技感”植入品牌字體中,形成獨特的字體風格?!翱萍肌斌w現(xiàn)的是一種發(fā)展與進步、速度與前進,代表了“硬”實力,我們把這種氣質(zhì)體現(xiàn)在今年的品牌字體中。與去年較圓潤的字體相比,今年的字體更為硬朗,在此基礎(chǔ)上字的斜度統(tǒng)一為12度,起落筆則用“尖角”延伸,整套字體現(xiàn)出科技創(chuàng)新帶來的活力激發(fā)。



品牌圖形

輔助圖形是品牌的重要記憶點之一,能夠強化品牌特征,提升用戶對品牌的認知。今年的輔助圖形保留了去年的基礎(chǔ)形,不一樣的是增加了「科技感」特色的圖形元素,結(jié)合點、線、以及方格符號元素,進一步烘托科技氛圍,在延續(xù)去年視覺感受的基礎(chǔ)上增添了新的概念。



UI組件也注入科技感,在紅包、btn、輔助入口等組件中增加科技感點線元素的點綴,信息載體使用半透明效果的異形面板,指引箭頭則運用馬賽克表現(xiàn)形式。將這些UI組件進行復用,科技氣質(zhì)貫穿到各活動中,確保在不同玩法上呈現(xiàn)統(tǒng)一的視覺感受。



品牌IP

今年的活動IP形象更具親和力和辨識度。在兔子形象的設(shè)定過程中我們嘗試多種頭身比例,最終選用的比例為2:1,大頭形象在面部特征和表情上能夠體現(xiàn)更多細節(jié),使整體更具親和力,同時也可以讓科技感的全息眼鏡顯得更為突出。IP貫穿活動始末,起到統(tǒng)一活動主題調(diào)性、強化引導,增加新年氛圍和親和力的作用。



舊瓶裝新酒:經(jīng)典重塑,打造多元好玩的集卡活動

集卡是百度歷年春節(jié)的經(jīng)典玩法,是用戶最喜愛的玩法之一,也是「好運中國年」系列活動中在線時間最長的活動,無論在視覺還是玩法上都要更加豐富多元。

[一] 玩法升級,傳承創(chuàng)新

過去兩年中,活動采用雙層卡玩法,集齊「好」「運」「中」「國」「年」基礎(chǔ)卡后合成高級卡,集齊高級卡后獎勵會翻倍。然而通過洞察研究發(fā)現(xiàn),用戶在高級卡階段容易失去熱情、感到無聊,由此發(fā)現(xiàn)高級卡階段的活動體驗仍有改善空間,因此嘗試在今年進行了“新”的玩法體驗創(chuàng)新。

今年團隊在傳統(tǒng)集卡玩法上探索變化,傳承經(jīng)典的同時,提出“新”的集卡闖關(guān)玩法。用戶集齊「好」「運」「中」「國」「年」基礎(chǔ)卡后,開啟新的階段,合成高級卡獲得新春祝福語圖鑒,通關(guān)全套祝福語圖鑒獲得終極獎勵,同時整體降低集卡難度,讓用戶更容易玩下去。



[二] 傳統(tǒng)工藝,氛圍拉滿

“新酒”還體現(xiàn)在工藝的多樣上,與去年單一的年畫工藝相比,今年的集卡高級卡場景中展示了四種工藝,汲取了廟會中出現(xiàn)的民俗文化和民間藝術(shù)品-剪紙、燈籠、爆竹、團扇。通過科技感的全息影像將每個場景串聯(lián),打造了一種科技廟會的感知。四個場景從家到國,層層遞進,各場景結(jié)構(gòu)源于品牌logo的熊掌元素,向用戶傳遞著年俗文化、透傳品牌,宣揚科技興國的理念。



燈籠

說到春節(jié),家家戶戶都會準備各式各樣的燈籠來期盼闔家團圓。

因此活動中選擇燈籠做為構(gòu)建高級卡場景一的主元素,同時也是文字的主承載物,每個燈籠呈現(xiàn)不同的造型,「團」字的兔子造型和場景中的兔子IP,來呼應(yīng)兔年生肖。通過地臺上的廟會建筑和糖葫蘆等元素的結(jié)合營造出廟會年俗氛圍。

卡片則采用了較高挑的燈籠輪廓做為基礎(chǔ)造型,強化卡片屬性,也能夠更好的承載文字和品牌的透傳。



剪紙

剪紙藝術(shù)作為高級卡第二個場景的視覺呈現(xiàn),帶領(lǐng)用戶感受其豐富內(nèi)涵,感受設(shè)計對民俗生活的理解、對生活之美的追求。

場景中高級卡下端增加了以全息影像方式展現(xiàn)的廟會場景,同樣營造出科技廟會的氛圍。



爆竹

隨著春節(jié)的腳步越來越近,人們最期待的便是新年的第一聲爆竹,中國的爆竹文化,蘊含著華夏兒女的精神寄寓,表達著所有民族的共同期盼。近年來,隨著大眾環(huán)保意識的加強,爆竹聲已離我們逐漸遠去。因此,“爆竹”元素做為第三關(guān)高級卡的主元素,目的是為用戶營造久違的爆竹帶春聲,配合一席冬雪,向用戶描繪大自然對大地和人類的厚愛。



團扇

團扇是中國傳統(tǒng)工藝品及藝術(shù)品,有著深厚的文化底蘊。同樣寓意著吉祥如意。結(jié)合卡面文字,第四個高級卡主元素被設(shè)定為團扇。其外觀分別為圓形、花瓣形、芭蕉式等。通過設(shè)計手法展現(xiàn)團扇的刺繡工藝,細致到邊角和裝飾。而場景層則通過掐絲琺瑯的形式向用戶展現(xiàn)了祖國的大好河山??ǖ暮竺孢€點綴了具有科技屬性的衛(wèi)星元素,預示著未來科技的蓬勃發(fā)展。



[三] 科技廟會,獨具特色

集卡是好運中國年系列活動中最先與大家見面的,為了讓用戶了解陸續(xù)開啟的更多活動,我們在集卡活動頁下方開辟了一個活動聚合專區(qū),在設(shè)計上將傳統(tǒng)與科技融合,打造了一個豐富又獨具特色的廟會場景。前期提煉的科技元素轉(zhuǎn)化為環(huán)繞道路的彩色全息路標,行駛中的百度無人車,LED光感的廟會建筑等,與各活動入口共同打造一個科技感十足的廟會街道。



親朋共團圓:疫情后我們第一次團聚

在過去新冠疫情肆虐的三年中,大家與親人朋友團聚的機會變得格外珍貴。在后疫情時代的第一個新年,活動從除夕到元宵節(jié),逐步開啟多個紅包福利活動,與去年相比,在玩法上更多樣,增加了3個邀好友和2個紅包雨活動,為用戶與親朋創(chuàng)造了豐富多樣的線上互動場景。

除夕和元宵節(jié)是春節(jié)的首尾時刻,通過紅包雨游戲為用戶發(fā)放福利。在除夕夜,特別開設(shè)了多個時段的大額紅包玩法,用戶與家人一起守歲搶紅包、迎接新年到來。



團圓紅包、新春大紅包、開工領(lǐng)紅包,是春節(jié)系列活動中的3個各不相同的邀好友活動,我們通過差異化的設(shè)計形態(tài),向用戶呈現(xiàn)豐富多樣的紅包福利。



在春節(jié)假期到來前,團圓紅包活動的互動方式主打線上分享,提前為用戶創(chuàng)造與家人線上聯(lián)系領(lǐng)福利的場景。

而在春節(jié)假期后期推出的掃碼領(lǐng)紅包活動中,迎合朋友見面聚會場景,設(shè)計上強化掃碼互動方式,便于線下面對面拉好友參與。

開工領(lǐng)現(xiàn)金是今年百度春節(jié)新增的特殊玩法,貼合新年后開工利是的現(xiàn)代習俗,吸引用戶向身邊的同事朋友分享這份好彩頭。

年俗文化鏈通全局

當然這些活動的視覺也少不了科技和年俗文化的碰撞,將這些細節(jié)元素貫穿在各個活動中給用戶更加統(tǒng)一完整的沉浸體驗,如此多的年俗物件,是在去年活動中沒出現(xiàn)過的。



傾聽用戶聲音,點滴之中打磨更好的細節(jié)體驗

今年的“新”體驗也體現(xiàn)在我們的細節(jié)打磨上。秉承用戶體驗至上的原則,從去年春節(jié)活動開始,團隊嘗試通過投放問卷了解用戶參與活動的感受,在今年為用戶打造了更好的細節(jié)體驗。

通過細致入微的設(shè)計思考、克制的細節(jié)處理,打磨出「更簡單」、「更生活」、「更生動」的體驗。在今年的體驗反饋中,獲得了很多用戶的稱贊。



[更生活]

更生活體現(xiàn)在高級卡的場景設(shè)計上,將燈籠的點亮態(tài)和未點亮態(tài)通過顏色和質(zhì)感進行區(qū)分,通過集卡逐一點亮燈籠,制造小的驚喜點,寓意照亮全家人的平安與幸福。



[更簡單]

為了讓活動更易于上手,我們將主頁和彈窗中的主按鈕文字放大,提高主按鈕的視覺層級,這種設(shè)計讓白發(fā)人群也可輕松參與到活動中。



同樣的,掃碼活動中二維碼的展示也進行了放大處理,節(jié)省了點擊再放大的步驟,更便于識別和用戶之間的面對面分享。



[更生動]

在紅包雨活動中,為了保證用戶的游戲體驗,使用了二維游戲引擎,增強動畫流暢度。同時在多種道具上增加了點擊實時反饋,強化道具的生命力。



在開工領(lǐng)紅包活動中使用動作捕捉數(shù)據(jù),讓人物的動作更真實,更靈活。同時設(shè)計了金幣的碰撞反饋,提升用戶的點擊感和爽感。給用戶更好的游戲感體驗。




作者:百度MEUX來源:站酷網(wǎng)

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍藍設(shè)計m.bouu.cn )是一家專注而深入的界面設(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è)計公司

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.bouu.cn

存檔