①數(shù)字冰雪
在北京冬奧會(huì)的云展平臺(tái)上,我們打造了“阿里巴巴云展廳”虛擬展廳,用數(shù)字化的方式呈現(xiàn)冰雪與科技之美、鋪設(shè)競(jìng)技與溫暖的賽道。1月25日,北京冬奧會(huì)倒計(jì)時(shí)10天之際,奧運(yùn)史上首個(gè)云展廳“北京2022云展廳“正式上線,這是一個(gè)集奧運(yùn)合作伙展示與線上趣味互動(dòng)為一體的云聚合平臺(tái),由阿里巴巴集團(tuán)提供技術(shù)和運(yùn)營(yíng)支持,為公眾打造一個(gè)與奧運(yùn)會(huì)零距離接觸的線上會(huì)場(chǎng)!
-展廳廣告圖
同期,由阿里云設(shè)計(jì)中心和達(dá)摩院XR實(shí)驗(yàn)室攜手制作的【阿里巴巴云展廳】也同步對(duì)外,借由虛擬現(xiàn)實(shí)技術(shù),為觀眾呈現(xiàn)一個(gè)精彩紛呈的阿里冬奧線上空間。本次北京2022云展廳于1月25日上線后將一直陪伴公眾直至3月13日北京冬殘奧會(huì)閉幕。
②冰雪數(shù)化
〇 空間質(zhì)感
在項(xiàng)目伊始,我們希望能在這次的項(xiàng)目中實(shí)現(xiàn)傳統(tǒng)虛擬展廳與沉浸式數(shù)字空間的平衡,在有效傳達(dá)信息的同時(shí)能讓用戶獲得耳目一新的體驗(yàn)。因此在整體設(shè)計(jì)風(fēng)格上,我們根據(jù)北京冬奧會(huì)的特點(diǎn),在最初的設(shè)計(jì)基調(diào)上融入了冰雪、冰絲帶和戶外運(yùn)動(dòng)等元素,同時(shí)輔助溫暖的橙色、科技元素來(lái)展現(xiàn)阿里巴巴集團(tuán)的品牌心智。比如,展廳的質(zhì)感選擇上我們采用了冰雪、玻璃與金屬相結(jié)合的搭配;在造型上則會(huì)以幾何和曲線為主的簡(jiǎn)潔構(gòu)造來(lái)體現(xiàn)運(yùn)動(dòng)感與科技感;而在整個(gè)展廳的采光設(shè)計(jì)中,我們以偏冷的自然光為主,與隱藏于結(jié)構(gòu)中的橙色燈光相輔助,共同營(yíng)造了明亮干凈的視覺(jué)氛圍。
-空間質(zhì)感設(shè)定
〇 體驗(yàn)設(shè)計(jì)
同時(shí)在體驗(yàn)設(shè)計(jì)層面,我們從冬奧會(huì)展廳面向的用戶角度出發(fā),將展廳設(shè)計(jì)為線性的瀏覽方式,以此來(lái)簡(jiǎn)化操作和提升體驗(yàn)。用戶進(jìn)入云展廳后,會(huì)依次經(jīng)過(guò)【讓精彩每天出彩】、【云上奧運(yùn)@北京2022】和【阿里巴巴以電商服務(wù)全球奧運(yùn)粉絲】三個(gè)展廳,其中每個(gè)展廳都會(huì)通過(guò)轉(zhuǎn)場(chǎng)視頻來(lái)銜接,使得用戶的觀展體驗(yàn)更加順暢。
-導(dǎo)覽路線圖
這也使得我們?cè)谒伎颊箯d的空間設(shè)計(jì)的過(guò)程中,將不同的展廳通過(guò)戶內(nèi)外場(chǎng)景結(jié)合的方式依次連接在一起,這讓觀眾的動(dòng)線更加順暢的同時(shí),也使得展廳能夠更加通透自由和富有層次。
-空間設(shè)計(jì)總覽
-展廳1-初始視角
展廳1-室內(nèi)場(chǎng)景
展廳1-室內(nèi)場(chǎng)景
-銜接展廳一和展廳二的走廊
-展廳2-入口
-展廳2-虛擬轉(zhuǎn)播臺(tái)
展廳3 -【阿里巴巴以電商服務(wù)全球奧運(yùn)粉絲】
-展廳3 – 初始視角
-展廳3 – 奧林匹克官方旗艦店
除此之外,UI界面的設(shè)計(jì)上我們采用了2D與3D空間結(jié)合的方式
-
空間層-在3D空間中展示最關(guān)鍵的一級(jí)信息(圖片、視頻、標(biāo)題性文字),讓用戶像真正線下逛展般沉浸游覽;
-
UI層/內(nèi)容層-在2D空間中通過(guò)醒目的標(biāo)簽綁定3D空間中位置信息來(lái)展示次要的二級(jí)信息,用戶點(diǎn)擊標(biāo)簽后可以看到該展位的詳情內(nèi)容;
-
聲音層-為了配合UI視覺(jué)層的信息立體展示,我們植入虛擬人IP通過(guò)聲覺(jué)層穿插講解,給用戶打造聲光電立體沉浸的信息可視方案;
-多層級(jí)信息結(jié)構(gòu)圖
-虛擬IP聲音層講解
· 技術(shù)亮點(diǎn)
相較于傳統(tǒng)三維全景展廳,我們本次采用了達(dá)摩院XRlab自研的三維渲染引擎,它強(qiáng)大的能力允許我們?cè)谝曅Ш蛢?nèi)容上做更多創(chuàng)新。在該引擎的加持下我們引入了基于真3D技術(shù)的虛擬云小寶講解員,它可以在不同展位間移動(dòng),為觀眾帶來(lái)生動(dòng)的講解。我們也在本次展廳設(shè)計(jì)中引入更多動(dòng)畫(huà)效果來(lái)豐富觀眾云逛展的體驗(yàn),例如虛擬轉(zhuǎn)播臺(tái)的設(shè)計(jì)。
-亮點(diǎn)1 — 全景技術(shù)與動(dòng)態(tài)真3D的結(jié)合
針對(duì)本次展廳受眾群體,我們打造了一個(gè)“動(dòng)畫(huà)引導(dǎo)+觀眾主動(dòng)探索”結(jié)合的沉浸式展廳。觀眾進(jìn)入云展廳后,我們會(huì)設(shè)置一個(gè)最佳視角的視窗來(lái)引導(dǎo)參觀流程。當(dāng)觀眾準(zhǔn)備進(jìn)入下一個(gè)展廳時(shí),視角將自動(dòng)匹配到轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的第一幀,以此來(lái)達(dá)到順暢的觀展體驗(yàn)。
動(dòng)畫(huà)引導(dǎo)+全景探索
-主動(dòng)引導(dǎo)型展廳結(jié)構(gòu)
-PC端體驗(yàn)錄屏
-識(shí)別圖中二維碼即刻體驗(yàn)
③冰雪之約
全面體驗(yàn)時(shí)代,數(shù)字世界,虛擬空間成為了商業(yè)數(shù)字化轉(zhuǎn)型的潮流和必須。阿里云設(shè)計(jì)中心的數(shù)字巡展產(chǎn)品致力于在虛擬/現(xiàn)實(shí)空間中運(yùn)用最先進(jìn)的表現(xiàn)技術(shù)對(duì)物理世界轉(zhuǎn)譯、重構(gòu),并進(jìn)行沉浸式表現(xiàn)。不僅能有創(chuàng)造力地實(shí)現(xiàn)具有多元、豐富、有趣的視覺(jué)表現(xiàn)力的場(chǎng)景,還能用豐富的游戲化交互形式在保證趣味性的同時(shí)將信息準(zhǔn)確傳達(dá)給用戶。借助2022北京冬奧會(huì)的舞臺(tái),阿里巴巴為奧運(yùn)打造首個(gè)云上展廳,將全景技術(shù)、真3D漫游、虛擬IP等前沿技術(shù)與創(chuàng)新設(shè)計(jì)結(jié)合形成全域XR綜合營(yíng)銷體驗(yàn)鏈路,未來(lái)也將會(huì)有更多的企業(yè)、商業(yè)場(chǎng)景等待我們的發(fā)掘和探索。數(shù)字巡展,虛實(shí)之間,沉浸生活。
-數(shù)字巡展產(chǎn)品海報(bào)
④過(guò)往案例
-阿里巴巴云棲大會(huì)·互動(dòng)導(dǎo)覽
-阿里云金融峰會(huì)·云上數(shù)艙
-達(dá)摩院數(shù)字展廳·云游達(dá)摩
-人工智能實(shí)驗(yàn)室線上展廳·云游AI
原文地址:阿里設(shè)計(jì)中心(公眾號(hào))