<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 「北京2022冬奧會(huì)·阿里巴巴云展廳」幕后設(shè)計(jì)大揭秘

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


     

    ①數(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)營支持,為公眾打造一個(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í)輔助溫暖的橙色、科技元素來展現(xiàn)阿里巴巴集團(tuán)的品牌心智。比如,展廳的質(zhì)感選擇上我們采用了冰雪、玻璃與金屬相結(jié)合的搭配;在造型上則會(huì)以幾何和曲線為主的簡潔構(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ì)層面,我們從冬奧會(huì)展廳面向的用戶角度出發(fā),將展廳設(shè)計(jì)為線性的瀏覽方式,以此來簡化操作和提升體驗(yàn)。用戶進(jìn)入云展廳后,會(huì)依次經(jīng)過【讓精彩每天出彩】、【云上奧運(yùn)@北京2022】和【阿里巴巴以電商服務(wù)全球奧運(yùn)粉絲】三個(gè)展廳,其中每個(gè)展廳都會(huì)通過轉(zhuǎn)場(chǎng)視頻來銜接,使得用戶的觀展體驗(yàn)更加順暢。

    圖片

    -導(dǎo)覽路線圖

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

    圖片

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

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

    圖片

    -展廳1-初始視角

    圖片

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

    圖片

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

    圖片

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

     

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

    圖片

    -展廳2-入口

    圖片

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

     

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

    圖片

    -展廳3 – 初始視角

    圖片

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

     

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

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

    圖片

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

    圖片

     

    -虛擬IP聲音層講解

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

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

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

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

     

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

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

     

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

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

     

    體驗(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)具有多元、豐富、有趣的視覺表現(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àn)鏈路,未來也將會(huì)有更多的企業(yè)、商業(yè)場(chǎng)景等待我們的發(fā)掘和探索。
    數(shù)字巡展,虛實(shí)之間,沉浸生活。

    圖片

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

     

    過往案例

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

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

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

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

     

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

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

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

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

    藍(lán)藍(lán)設(shè)計(jì)m.skdbbs.com )是一家專注而深入的界面設(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è)人資料

    存檔

    主站蜘蛛池模板: 久久这里只有精品首页| 99久久精品免费| 91大神精品全国在线观看| 中文无码久久精品| 精品久久久久中文字| 国产精品怡红院永久免费| 亚洲精品第一国产综合境外资源| 亚洲精品在线观看视频| 亚洲AV成人精品网站在线播放| 精品午夜国产人人福利| 四虎国产精品免费久久久| 国产一精品一AV一免费| 亚洲国产精品VA在线观看麻豆| 精品国产青草久久久久福利| 最新国产の精品合集| 国产福利在线观看精品| 欧洲精品色在线观看| 香蕉国产精品麻豆亚洲欧美日韩精品自拍欧美v国 | 高清在线亚洲精品国产二区| 香蕉久久夜色精品升级完成| 欧美日韩专区麻豆精品在线| 国产精品麻豆欧美日韩ww| 粉嫩精品美女国产在线观看 | 久久99国产乱子伦精品免费| 亚洲永久精品ww47| 一本一本久久a久久综合精品蜜桃| 久久久不卡国产精品一区二区| 国语自产精品视频| 精品a在线观看| 精品水蜜桃久久久久久久| 国产欧美日韩综合精品二区| 国产精品自在拍一区二区不卡| 四虎国产精品免费久久久| 青青青国产依人精品视频| 久久精品国产免费一区| 久久精品国产99国产精偷| 欧美精品黑人巨大在线播放| 四虎国产精品免费久久5151| 永久免费精品视频| mm1313亚洲国产精品无码试看| 国产99久久九九精品无码|