亚洲欧美香蕉在线日韩精选_www在线观看美女视频_娇妻的呻吟大团结内裤奇缘_免费a漫禁漫h漫在线

「北京2022冬奧會·阿里巴巴云展廳」幕后設(shè)計(jì)大揭秘

2022-3-1    seo達(dá)人


 

①數(shù)字冰雪

在北京冬奧會的云展平臺上,我們打造了“阿里巴巴云展廳”虛擬展廳,用數(shù)字化的方式呈現(xiàn)冰雪與科技之美、鋪設(shè)競技與溫暖的賽道。
1月25日,北京冬奧會倒計(jì)時(shí)10天之際,奧運(yùn)史上首個(gè)云展廳“北京2022云展廳“正式上線,這是一個(gè)集奧運(yùn)合作伙展示與線上趣味互動(dòng)為一體的云聚合平臺,由阿里巴巴集團(tuán)提供技術(shù)和運(yùn)營支持,為公眾打造一個(gè)與奧運(yùn)會零距離接觸的線上會場!

圖片

-展廳廣告圖

同期,由阿里云設(shè)計(jì)中心和達(dá)摩院XR實(shí)驗(yàn)室攜手制作的【阿里巴巴云展廳】也同步對外,借由虛擬現(xiàn)實(shí)技術(shù),為觀眾呈現(xiàn)一個(gè)精彩紛呈的阿里冬奧線上空間。本次北京2022云展廳于1月25日上線后將一直陪伴公眾直至3月13日北京冬殘奧會閉幕。

 

冰雪數(shù)化

〇 空間質(zhì)感

在項(xiàng)目伊始,我們希望能在這次的項(xiàng)目中實(shí)現(xiàn)傳統(tǒng)虛擬展廳與沉浸式數(shù)字空間的平衡,在有效傳達(dá)信息的同時(shí)能讓用戶獲得耳目一新的體驗(yàn)。因此在整體設(shè)計(jì)風(fēng)格上,我們根據(jù)北京冬奧會的特點(diǎn),在最初的設(shè)計(jì)基調(diào)上融入了冰雪、冰絲帶和戶外運(yùn)動(dòng)等元素,同時(shí)輔助溫暖的橙色、科技元素來展現(xiàn)阿里巴巴集團(tuán)的品牌心智。比如,展廳的質(zhì)感選擇上我們采用了冰雪、玻璃與金屬相結(jié)合的搭配;在造型上則會以幾何和曲線為主的簡潔構(gòu)造來體現(xiàn)運(yùn)動(dòng)感與科技感;而在整個(gè)展廳的采光設(shè)計(jì)中,我們以偏冷的自然光為主,與隱藏于結(jié)構(gòu)中的橙色燈光相輔助,共同營造了明亮干凈的視覺氛圍。

圖片

-空間質(zhì)感設(shè)定

 

〇 體驗(yàn)設(shè)計(jì)

同時(shí)在體驗(yàn)設(shè)計(jì)層面,我們從冬奧會展廳面向的用戶角度出發(fā),將展廳設(shè)計(jì)為線性的瀏覽方式,以此來簡化操作和提升體驗(yàn)。用戶進(jìn)入云展廳后,會依次經(jīng)過【讓精彩每天出彩】、【云上奧運(yùn)@北京2022】和【阿里巴巴以電商服務(wù)全球奧運(yùn)粉絲】三個(gè)展廳,其中每個(gè)展廳都會通過轉(zhuǎn)場視頻來銜接,使得用戶的觀展體驗(yàn)更加順暢。

圖片

-導(dǎo)覽路線圖

這也使得我們在思考展廳的空間設(shè)計(jì)的過程中,將不同的展廳通過戶內(nèi)外場景結(jié)合的方式依次連接在一起,這讓觀眾的動(dòng)線更加順暢的同時(shí),也使得展廳能夠更加通透自由和富有層次。

圖片

-空間設(shè)計(jì)總覽

展廳1- 【讓精彩每天出彩】

圖片

-展廳1-初始視角

圖片

展廳1-室內(nèi)場景

圖片

展廳1-室內(nèi)場景

圖片

-銜接展廳一和展廳二的走廊

 

展廳2 -【云上奧運(yùn)@北京2022】

圖片

-展廳2-入口

圖片

-展廳2-虛擬轉(zhuǎn)播臺

 

展廳3 -【阿里巴巴以電商服務(wù)全球奧運(yùn)粉絲】

圖片

-展廳3 – 初始視角

圖片

-展廳3 – 奧林匹克官方旗艦店

 

· UI設(shè)計(jì)

除此之外,UI界面的設(shè)計(jì)上我們采用了2D與3D空間結(jié)合的方式
  1. 空間層-在3D空間中展示最關(guān)鍵的一級信息(圖片、視頻、標(biāo)題性文字),讓用戶像真正線下逛展般沉浸游覽;
  2. UI層/內(nèi)容層-在2D空間中通過醒目的標(biāo)簽綁定3D空間中位置信息來展示次要的二級信息,用戶點(diǎn)擊標(biāo)簽后可以看到該展位的詳情內(nèi)容;
  1. 聲音層-為了配合UI視覺層的信息立體展示,我們植入虛擬人IP通過聲覺層穿插講解,給用戶打造聲光電立體沉浸的信息可視方案;

圖片

-多層級信息結(jié)構(gòu)圖

圖片

 

-虛擬IP聲音層講解

· 技術(shù)亮點(diǎn)

相較于傳統(tǒng)三維全景展廳,我們本次采用了達(dá)摩院XRlab自研的三維渲染引擎,它強(qiáng)大的能力允許我們在視效和內(nèi)容上做更多創(chuàng)新。在該引擎的加持下我們引入了基于真3D技術(shù)的虛擬云小寶講解員,它可以在不同展位間移動(dòng),為觀眾帶來生動(dòng)的講解。我們也在本次展廳設(shè)計(jì)中引入更多動(dòng)畫效果來豐富觀眾云逛展的體驗(yàn),例如虛擬轉(zhuǎn)播臺的設(shè)計(jì)。

-亮點(diǎn)1 — 全景技術(shù)與動(dòng)態(tài)真3D的結(jié)合

針對本次展廳受眾群體,我們打造了一個(gè)“動(dòng)畫引導(dǎo)+觀眾主動(dòng)探索”結(jié)合的沉浸式展廳。觀眾進(jìn)入云展廳后,我們會設(shè)置一個(gè)最佳視角的視窗來引導(dǎo)參觀流程。當(dāng)觀眾準(zhǔn)備進(jìn)入下一個(gè)展廳時(shí),視角將自動(dòng)匹配到轉(zhuǎn)場動(dòng)畫的第一幀,以此來達(dá)到順暢的觀展體驗(yàn)。

 

動(dòng)畫引導(dǎo)+全景探索

-主動(dòng)引導(dǎo)型展廳結(jié)構(gòu)

 

最終線上發(fā)布的效果

-PC端體驗(yàn)錄屏

 

體驗(yàn)二維碼

圖片

-識別圖中二維碼即刻體驗(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ù)對物理世界轉(zhuǎn)譯、重構(gòu),并進(jìn)行沉浸式表現(xiàn)。不僅能有創(chuàng)造力地實(shí)現(xiàn)具有多元、豐富、有趣的視覺表現(xiàn)力的場景,還能用豐富的游戲化交互形式在保證趣味性的同時(shí)將信息準(zhǔn)確傳達(dá)給用戶。
借助2022北京冬奧會的舞臺,阿里巴巴為奧運(yùn)打造首個(gè)云上展廳,將全景技術(shù)、真3D漫游、虛擬IP等前沿技術(shù)與創(chuàng)新設(shè)計(jì)結(jié)合形成全域XR綜合營銷體驗(yàn)鏈路,未來也將會有更多的企業(yè)、商業(yè)場景等待我們的發(fā)掘和探索。
數(shù)字巡展,虛實(shí)之間,沉浸生活。

圖片

-數(shù)字巡展產(chǎn)品海報(bào)

 

過往案例

-阿里巴巴云棲大會·互動(dòng)導(dǎo)覽

-阿里云金融峰會·云上數(shù)艙

-達(dá)摩院數(shù)字展廳·云游達(dá)摩

-人工智能實(shí)驗(yàn)室線上展廳·云游AI

 

原文地址:阿里設(shè)計(jì)中心(公眾號)
作者:阿里設(shè)計(jì)中心
轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》「北京2022冬奧會·阿里巴巴云展廳」幕后設(shè)計(jì)大揭秘

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

截屏2021-05-13 上午11.41.03.png

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

藍(lán)藍(lán)設(shè)計(jì)m.axecq.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司


日歷

鏈接

個(gè)人資料

存檔