前言

2022 年 5 月 25 日，「2022 春季飛書未來無限大會」如期舉行。

“Emoji 動效好可愛”、“發(fā)布會怎么能開得如此高級”、“年輕人喜歡飛書是有道理的”——這些來自用戶的肯定讓我們歡欣鼓舞。

同時，我們也收到了一大波的提問：“直播間的效果是如何實現(xiàn)的”、“嘉賓是如何和場景互動的”、“PPT 的切換是如何控制的”等等。作為發(fā)布會的核心主創(chuàng)團(tuán)隊，本篇文章想僅就視效維度來跟大家聊一聊：如何詮釋一場別具特色的「飛書線上虛擬發(fā)布會」。

1. 因時而變 隨事而制

因為疫情的關(guān)系，我們不得不給發(fā)布會的線下籌備工作按下暫停鍵，轉(zhuǎn)向線上形式。從線“下”到線“上”，僅一字之差，卻是又一個從 0 到 1 的挑戰(zhàn)。

時間緊、任務(wù)重，「線上虛擬發(fā)布會」對于大家來說又是一個全新的課題，每個成員都是抱著既激動又緊張的心情投入到籌備工作中。我們迅速成立了專項調(diào)研小組，遍歷了國內(nèi)外各種形式的虛擬發(fā)布會形式，我們希望從中找到一個最優(yōu)解，以飛書的設(shè)計語言呈現(xiàn)給大家。

2. 以「People」為核心的設(shè)計策略

「人」是先進(jìn)團(tuán)隊的第一要素

當(dāng)我們說一個團(tuán)隊先進(jìn)，說的不止是業(yè)務(wù)和市場，更是對「人」的進(jìn)一步思考，強(qiáng)調(diào)人是先進(jìn)團(tuán)隊的第一要素，而此次發(fā)布的飛書 People 產(chǎn)品能夠幫助先進(jìn)團(tuán)隊謀人事，把人才的價值最大化，把用人的難度最小化。

就像視頻中所言“問題不一定都有答案，但對「人」的探索，卻正在成為先進(jìn)團(tuán)隊的共識”。那在設(shè)計表現(xiàn)維度，如何兼顧「組織」與「產(chǎn)品」這兩種屬性，還能更好的詮釋“人”的內(nèi)核呢？

會「發(fā)光」的發(fā)布會視覺識別系統(tǒng)

以人為進(jìn) —— 以人為「鏡」

“人”這個主題，我們再熟悉不過。那么如何解構(gòu)大家熟悉的話題，每一天都有新的手稿將前一天的討論淹沒，但是讓所有人怦然心動的想法卻始終杳無蹤影。

靈感迸發(fā)的熱情在時間的進(jìn)程中逐漸滋生出疲倦，然而靈感總是在這樣垂頭喪氣的困境中突然跳出來，給了所有人一個驚喜——

“ 可否試試「光」，我想說的是每一個員工都是一束光，都蘊含著自己的力量，但是需要一個發(fā)現(xiàn)的契機(jī)或者平臺來助力 ”

“一束光在常人眼中只是平常，我們?nèi)绾瓮ㄟ^視覺的方式來表現(xiàn)出抽象的「光的力量」？是否可以通過一種介質(zhì)，譬如「三棱鏡」、「鉆石」 ，讓我們能夠「看見」無形的力量，或者說是人的「潛力」、「活力」和「多樣性」”

“飛書的 people 產(chǎn)品提供了多維度的信息，把一個人的多面價值充分展現(xiàn)出來。讓每一個員工都可以發(fā)光”

順著這束「光」的指引，「多彩」、「鉆石」、「鏡面」、「折射」、「晶瑩剔透」...一個個或具象、或抽象的關(guān)鍵詞如雨后春筍般在我們干枯了 N 天的會議室內(nèi)冒了出來，視覺設(shè)計內(nèi)核也在這一次討論后正式確立，并在后續(xù)的提案中獲得通過。

由點到面 —— 從概念到主視覺

前期的概念腦暴只是給我們的命題作文確定了一個核心立意，但是怎么寫出個漂亮的開頭，關(guān)鍵還得看主視覺的表達(dá)。一個個視覺關(guān)鍵詞，只是我們設(shè)計內(nèi)部溝通的暗語而已，畫面——才是與受眾最直接的溝通方式。

同時，從靜態(tài)到動態(tài)，從二維到三維，后續(xù)的場景延伸給視覺的創(chuàng)作提供了多樣化的表達(dá)空間，同時也對其提出了更高層面的制作和考量要求。

草圖推導(dǎo)

三維搭建

完稿輸出

用光線「點亮」一套視覺識別系統(tǒng)

主視覺，只是整場發(fā)布會的開始。對于飛書這樣大體量的一場發(fā)布會，它需要的是在各個場景下的一套完整的視覺解決方案。因此，我們需要將主視覺中的「光」延展開來，照亮整個 VI 視覺識別系統(tǒng)。

飛書空間 —— 虛擬拍攝

1. 空間 —— 產(chǎn)品的場所

對于用戶來說，飛書是一個 APP，是一個工具，同時，它也是一面鏡子，將企業(yè)內(nèi)部真實的協(xié)作與管理場景映射到數(shù)字化的虛擬世界中。

我們將這個虛擬的數(shù)字世界稱之為「飛書空間」。亞里士多德將「空間」定義為「事物的場所」，對于飛書而言，「飛書空間」即「飛書產(chǎn)品的場所」，由虛擬抽象化的人事、招聘、績效等的界面元素所構(gòu)成。飛書通過構(gòu)建這樣的空間，助力各個先進(jìn)企業(yè)，讓管與理回歸本質(zhì)，人與事互相成就。

不同于常見的「城市」、「社區(qū)」等概念，我們想通過「空間」一詞，更多地表達(dá)關(guān)于「相對性」和「無限性」的理解，其中「相對性」是指飛書內(nèi)部各個產(chǎn)品之間緊密的相對依存關(guān)系，「無限性」則是寓意著飛書未來的無限可能。

在各個子場景設(shè)計上，我們希望盡可能地將飛書產(chǎn)品的特性進(jìn)行空間視覺語言的轉(zhuǎn)譯與融合，例如飛書 OKR 場景的圓環(huán)形層疊穹頂、飛書人事場景層疊的用戶信息卡片、飛書績效場景的績效等級地磚等。每一處空間細(xì)節(jié)即是一條產(chǎn)品特性的說明，無數(shù)個這樣的小細(xì)節(jié)搭建出立體的產(chǎn)品空間，搭配演講者置身其中的傾力演繹，讓用戶在看似陌生的全新場景中感受到一種似曾相識的親切。

2. 由面到體 —— 空間視覺語言建構(gòu)

空間設(shè)計整體延續(xù)飛書一貫的視覺風(fēng)格，同時通過細(xì)節(jié)的刻畫，在強(qiáng)化整體品牌心智的基礎(chǔ)上，打造和而不同的新意。

形：將飛書品牌標(biāo)識、People 產(chǎn)品標(biāo)識、鉆石等元素作為主次視覺焦點融入各模塊，以抽象的飄帶元素貫通整個場景，傳遞整體的律動感。

色：以飛書品牌的藍(lán)綠雙色組合為主，白色作為空間的基礎(chǔ)色，營造輕盈的未來科技氛圍感。

質(zhì)：材質(zhì)上以輕透的玻璃搭配細(xì)膩的塑料材質(zhì)，冷調(diào)的自然光作為主光源，輔以隱藏在結(jié)構(gòu)中的環(huán)境光，視覺呈現(xiàn)上達(dá)到明亮且干凈的效果。

構(gòu)：各個子場景的建構(gòu)以簡潔的幾何造型為主，干脆利落的直線與柔和靈動的曲線相互交錯，空間呈現(xiàn)生動且有力量。同時，所有的元素布局均將用戶的視線聚焦至畫面中心，且能夠順暢地實現(xiàn)與下一場景的無縫轉(zhuǎn)接，在保留傳統(tǒng)虛擬舞臺「聚焦演講者和演講內(nèi)容」的信息傳達(dá)特性的同時，又能夠為用戶打造沉浸絲滑的數(shù)字化觀看體驗。

飛書空間

這次大會，有許多同行輸出了相關(guān)技術(shù)測評。可以看到大家最喜歡的環(huán)節(jié)是猜測哪里是用 XR、哪里是用綠幕，哪里是用實景。雖然不同的場景，技術(shù)實現(xiàn)是大不一樣的，但我們最大限度的去做好融合，突破技術(shù)壁壘。在幾種拍攝形式上進(jìn)行了切換。為整個發(fā)布會增加了趣味性。

主場景

產(chǎn)品場景

3. 設(shè)計預(yù)案—— 異地拍攝的品質(zhì)保障

我們有 12 個虛擬場景，7 個演講嘉賓，3 種拍攝方式。同時籌備期間，正面臨著多地疫情管控。面對大量不確定性，我們的多位演講嘉賓無法趕赴拍攝現(xiàn)場錄制，這給整個前期拍攝帶來巨大的風(fēng)險和不可控性。那我們該如何確保整場發(fā)布會的視覺品質(zhì)和調(diào)性統(tǒng)一呢？

我們第一時間組建了“預(yù)案小組”，實現(xiàn)了居家沒有綠幕的情況下也可通過簡易設(shè)備，并利用獨有的 AI 智能摳像技術(shù)，把演講嘉賓合成到虛擬場景中。同時在飛書所在的城市工區(qū)，利用已有的品牌工作室提前完成綠幕測試與實驗，確保無論是異地還是居家，都能保證品質(zhì)的統(tǒng)一性。

4. 引擎內(nèi)場景切換 —— 更絲滑的觀看體驗

在虛擬引擎技術(shù)應(yīng)用上，為了突破以往活動中依靠后期特效包裝、實現(xiàn)分段場景銜接的過渡方式，本次發(fā)布會創(chuàng)新式地實現(xiàn)了引擎內(nèi)虛擬場景切換，讓同一位演講人在不中斷錄制的情況下，能夠根據(jù)演講內(nèi)容實現(xiàn)不同場景的自由切換。

5. 訂制化解決方案——更細(xì)膩的視效呈現(xiàn)

虛擬場景的設(shè)計制作中，往往會盡量避免白色材質(zhì)和玻璃材質(zhì)的渲染，因為這兩種材質(zhì)在渲染過程中很容易因為光線過強(qiáng)而過曝，或者因為光線不足而呈現(xiàn)出不連續(xù)的過渡色，也就是我們常說的“畫面臟臟的”。

除了前期的實景搭建、燈光調(diào)度，還有后期的調(diào)色加持，本次制作過程中還額外添加了訂制化的美術(shù)設(shè)計，來獲得更加統(tǒng)一、真實的視效產(chǎn)出。

增強(qiáng)現(xiàn)實——沉浸式的信息傳達(dá)

演講內(nèi)容的呈現(xiàn)最清晰、直觀、重要的載體是 PPT。演講過程中有大量時間需要 PPT 全屏顯示。這對 PPT 的美觀度要求非常高。演講者對內(nèi)容的修改不可避免會精益求精，修改到最后一秒。所以我們對 PPT 需要輸出充分的規(guī)范，和組件化。在各種緊急情況下保證品質(zhì)。

除了視覺美觀外，將演講嘉賓的文字內(nèi)容轉(zhuǎn)化為 AR 視覺，使得演講內(nèi)容能夠更加生動地傳遞給在線觀眾，提升整體內(nèi)容可視化的創(chuàng)意性和關(guān)注度，這也是我們所追求的效果之一。

網(wǎng)站體驗提升計劃

在體驗設(shè)計層面，飛書官網(wǎng)、活動主站、直播頁是每年的重頭戲，是發(fā)布會與用戶接觸的核心入口。我們圍繞「簡化操作」、「增強(qiáng)氛圍」、「提升互動感」三個改版方向進(jìn)行探索實驗，以幫助業(yè)務(wù)更快的達(dá)成數(shù)據(jù)目標(biāo)。

1. 飛書官網(wǎng)

2. 活動主站

3. 增強(qiáng)氛圍與互動感

除此之外，我們還打造了一套從觀看到直播結(jié)束的沉浸式瀏覽方式，這里面既有「首頁換膚」、「倒計時」的常規(guī)操作，也有針對直播頁特殊定制的「動態(tài) Emoji」表情，每一個節(jié)點上，用戶都可以感受到春季發(fā)布會的滿滿心意。

動態(tài) Emoji 讓用戶的表達(dá)過程更加愉悅：以前我們也許需要按下無數(shù)個靜態(tài)小表情來強(qiáng)調(diào)當(dāng)下的心情，現(xiàn)在只需要一個動態(tài)表情就能更準(zhǔn)確、更快速地傳達(dá)我們的心中所想。

未來·無限思考

以上提到的設(shè)計解決方案，都是在過去的時間里，我們不斷精心打磨的顆顆“鉆石”，但從更長遠(yuǎn)的維度來看，我們依然還有很長的一段路要走。因為疫情的關(guān)系，線上發(fā)布的形式預(yù)計會成為未來的常態(tài)，那「成本與效果」之間如何獲得更大的增益？ 這是一個我們需要思考的問題。

經(jīng)歷過發(fā)布會的同學(xué)都會知道，內(nèi)容的持續(xù)變更也是一個不可更改的常態(tài)，我們也需要思考如何從「重后期變成輕后期」，讓質(zhì)量的完成度在時間線上提前一點、再提前一點。

其實完全線上化后，整個環(huán)節(jié)更像在拍攝一場電影。未來，新的技術(shù)和工具將會源源不斷地出現(xiàn)，對于團(tuán)隊成員的整體素質(zhì)和技能要求也會更加地多元化。鏡頭語言的轉(zhuǎn)譯、分鏡腳本的編寫、后期素材的合成，導(dǎo)演、編劇、攝影、文案，團(tuán)隊能否快速組建出這樣的一支隊伍？設(shè)計師能否在其中找準(zhǔn)自己的定位？展現(xiàn)給觀眾每一幀的背后都是無數(shù)個小伙伴的努力。

寫在最后

3 個月的時間，好像經(jīng)歷了一場漫長的進(jìn)化之路，這里面要感謝很多人：

首先是要感謝市場團(tuán)隊的信任和包容；其次要感謝承接整場發(fā)布會的第三方執(zhí)行團(tuán)隊，如果沒有他們的的全力支持，我們就沒法看到那么細(xì)膩的畫面效果落地；最后要感謝所有參與此次發(fā)布會的工作人員的努力。

最后我們用一個簡短的視頻合集，與大家一起分享那段難忘的奮戰(zhàn)時光。

聲明：以上信息內(nèi)容僅代表作者本人意見及觀點，版權(quán)歸屬作者本人及其公司，任何主體未經(jīng)書面授權(quán)不得轉(zhuǎn)載、摘編或利用其他方式使用該等信息內(nèi)容。

相關(guān)閱讀：