UI設(shè)計(jì)師如何營(yíng)造節(jié)日氛圍?12個(gè)方法+超多案例!
隨著開(kāi)工響聲結(jié)束了兔年春節(jié),相信兔年都會(huì)給我們帶來(lái)好運(yùn)和驚喜,讓我們一起來(lái)努力和期待吧!
在這個(gè)移動(dòng)互聯(lián)網(wǎng)時(shí)代中,相信手機(jī)也是伴隨我們跨年的物件,而各類應(yīng)用軟件也為我們的兔年春節(jié)增添了許多樂(lè)趣。作為 UI 設(shè)計(jì)師,我們通過(guò)自己的創(chuàng)意讓用戶感受到不一樣的兔年氛圍,下面黑馬哥帶大家一起回憶一下。
通過(guò)一些 APP 線上案例分析,看看 UI 設(shè)計(jì)師是如何營(yíng)造兔年春節(jié)氛圍感的。
一、應(yīng)用圖標(biāo)小空間里的氛圍感
應(yīng)用圖標(biāo)的氛圍感是提高用戶打開(kāi)產(chǎn)品的關(guān)鍵,作為春節(jié)氛圍感的營(yíng)造來(lái)說(shuō),是最容易讓用戶感知到的。在這個(gè)方寸內(nèi)的小空間里面,也是設(shè)計(jì)師發(fā)揮創(chuàng)意腦洞的形式。
通過(guò)兔年春節(jié)發(fā)生變化的一些應(yīng)用軟件分析,眾多案例都在配色、文案、圖形營(yíng)造等方面進(jìn)行設(shè)計(jì)發(fā)揮,也有結(jié)合 IP 形象裝扮和營(yíng)銷活動(dòng)主題等形式,增強(qiáng)用戶對(duì)產(chǎn)品的情感化認(rèn)知。
二、頂部視覺(jué)區(qū)域背景營(yíng)造
作為應(yīng)用軟件的主界面來(lái)說(shuō),頂部視覺(jué)區(qū)域也是設(shè)計(jì)師發(fā)揮的一方空間。在氛圍感的表現(xiàn)中也是非常利于發(fā)揮的,經(jīng)常在一些節(jié)日慶典和主題活動(dòng)時(shí)進(jìn)行設(shè)計(jì)表現(xiàn)。
結(jié)合春節(jié)元素和喜感的紅色氛圍營(yíng)造,給軟件帶來(lái)了新春情感化,作為兔年春節(jié)來(lái)說(shuō),小兔子的元素也會(huì)被充分展現(xiàn)。
除了兔子元素以外,也有運(yùn)用燈籠、煙花、祥云等元素點(diǎn)綴,達(dá)到營(yíng)造背景氛圍的目的。
三、營(yíng)造圖標(biāo)設(shè)計(jì)氛圍
春節(jié)期間在圖標(biāo)設(shè)計(jì)上面營(yíng)造氛圍感是最為常見(jiàn)的,也最容易吸引用戶的關(guān)注度。重點(diǎn)在金剛區(qū)圖標(biāo)和底部標(biāo)簽欄圖標(biāo)設(shè)計(jì)進(jìn)行發(fā)揮,結(jié)合配色、節(jié)日元素和造型等方面進(jìn)行設(shè)計(jì),達(dá)到營(yíng)造氛圍的目的。
圖標(biāo)風(fēng)格多樣和靈活多變的特性,無(wú)論是結(jié)合傳統(tǒng)文化還是其他多樣化表達(dá),都非常利于設(shè)計(jì)發(fā)揮。除了在春節(jié)氛圍中便于發(fā)揮以外,在其他主題活動(dòng)中也是重點(diǎn)表達(dá)的形式。
四、異形廣告中的氛圍和元素
異形廣告相較于中規(guī)中矩的矩形束縛來(lái)說(shuō)融合性更強(qiáng),更容易讓界面上下的內(nèi)容過(guò)度更自然。近些年異形廣告穿插在界面中非常普遍,特別是在營(yíng)造氛圍層面效果也是十分突出的。
由于特殊造型的設(shè)計(jì)發(fā)揮,便于設(shè)計(jì)師結(jié)合各類元素,營(yíng)造貼合的界面氛圍和強(qiáng)化視覺(jué)感。
五、氛圍濃厚的閃屏廣告
閃屏廣告算是春節(jié)期間最常見(jiàn)的表達(dá)方式,無(wú)論是情感化的閃屏設(shè)計(jì),還是結(jié)合營(yíng)銷廣告表達(dá),這里都是最容易出現(xiàn)在用戶視野中的。閃屏廣告的主題營(yíng)造非常多,眾多產(chǎn)品都會(huì)結(jié)合,創(chuàng)意發(fā)揮也是層出不窮。
六、引導(dǎo)頁(yè)中的風(fēng)格氛圍化
引導(dǎo)頁(yè)相對(duì)來(lái)說(shuō)曝光度會(huì)比較低一些,大部分情況還是初次使用或者更新時(shí)出現(xiàn),如果恰逢春節(jié)期間發(fā)生版本迭代也可以嘗試營(yíng)造氛圍。可以在元素造型不變的情況下改變配色風(fēng)格,也能起到營(yíng)造氛圍的作用。
七、彈窗設(shè)計(jì)的氛圍點(diǎn)綴
在用戶瀏覽內(nèi)容或者操作功能時(shí),彈窗可以輔助操作和理解,也可以作為溫馨提示或者信息傳遞等。在春節(jié)期間為了渲染氛圍,也會(huì)結(jié)合主題元素進(jìn)行氛圍點(diǎn)綴,帶給用戶更加情感化的感官體驗(yàn)。
八、異形彈窗營(yíng)造新春氛圍
在一些營(yíng)銷活動(dòng)的配合中,彈窗通常會(huì)打破邊界的束縛,異形彈窗更能吸引用戶關(guān)注。也能更容易結(jié)合主題元素營(yíng)造氛圍感,特殊的造型更利于設(shè)計(jì)發(fā)揮,界面內(nèi)的融合度也相對(duì)較高。通常結(jié)合兔子 IP 形象、紅包和春節(jié)元素等,以質(zhì)感風(fēng)和 3D 建模形式表達(dá)居多。
九、豐富界面背景氛圍感
豐富整個(gè)界面背景相對(duì)較少,也有產(chǎn)品會(huì)在部分界面或者界面局部卡片等場(chǎng)景中進(jìn)行表現(xiàn)。氛圍感的營(yíng)造可以帶給用戶有溫度的體驗(yàn)感,也能將春節(jié)氛圍重點(diǎn)突出。
十、沉浸式體驗(yàn)的活動(dòng)氛圍感
沉浸式的體驗(yàn)?zāi)軌蛭脩舻膮⑴c感,比如春節(jié)期間的紅包雨,融入到整個(gè)界面的設(shè)計(jì)中,以趣味性的形式滿足用戶心理。在不隔斷與界面之間的聯(lián)系,降低活動(dòng)對(duì)用戶的干擾,進(jìn)而提高氛圍感和參與度。
比如高德地圖在春節(jié)期間設(shè)計(jì)了放煙花的體驗(yàn),用戶可以在定位的任何地方點(diǎn)擊燃放煙花,新添春節(jié)的氛圍。將這一傳統(tǒng)文化搬到了線上云端,也是提高體驗(yàn)度的不錯(cuò)形式。
十一、營(yíng)造氛圍的專題頁(yè)設(shè)計(jì)
春節(jié)氛圍感在各類營(yíng)銷活動(dòng)中表現(xiàn)度是最高的,隨著近些年新的技術(shù)和視覺(jué)表現(xiàn)力的提升,在視覺(jué)感的強(qiáng)化層面也是十分出色。無(wú)論是運(yùn)用三維化還是插畫(huà)風(fēng),帶來(lái)的視覺(jué)張力都是非常棒的,今年各大產(chǎn)品呈現(xiàn)出來(lái)的設(shè)計(jì)感視覺(jué)表現(xiàn)力都非常不錯(cuò)。
十二、互動(dòng)性體驗(yàn)的活動(dòng)設(shè)計(jì)
隨著視覺(jué)表現(xiàn)力的提升,提高用戶對(duì)于活動(dòng)的參與度要往游戲化和互動(dòng)性等方面探索。比如抖音在兔年春節(jié)期間的活動(dòng)設(shè)計(jì),游戲化的互動(dòng)體驗(yàn)增加了活動(dòng)的娛樂(lè)性,用戶的參與度也是可想而知的。
也有通過(guò)自定義角色裝扮的形式帶來(lái)互動(dòng)性的玩法,在氛圍感十足的場(chǎng)景中送祝福,無(wú)論是娛樂(lè)性還是感官體驗(yàn)層面都非常不錯(cuò)。
小結(jié)
本文主要是對(duì)春節(jié)期間的一些設(shè)計(jì)案例進(jìn)行了回憶,體驗(yàn)、分析和總結(jié)了一些優(yōu)秀的設(shè)計(jì)點(diǎn),希望可以作為日后靈感的來(lái)源。描述屬于主觀意識(shí),不足之處大家選擇性吸收,我們互相進(jìn)步。
作者:黑馬青年
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請(qǐng)?jiān)L問(wèn):網(wǎng)站技術(shù)
本文來(lái)源:http://www.sonygallery.com.cn/seodongtai/19186.html