憑借巧妙的設(shè)計(jì)創(chuàng)意和卓越的開發(fā)技能，數(shù)字動(dòng)畫已經(jīng)連續(xù)舉辦了好幾屆。你還記得那些可以在多個(gè)維度中探索的場景嗎？好吧，主流似乎不會(huì)放慢腳步，也不會(huì)消失。體積背景就是證明，這是一股真正鼓舞人心、越來越科技化的新浪潮。

一般來說，這樣的動(dòng)畫被用來占據(jù)web界面的主導(dǎo)地位。然而，這不是其中之一。在這種方法中，它們被移到后面，讓位于界面的其他整體元素，如標(biāo)語、導(dǎo)航或標(biāo)識。

這似乎不合邏輯，而且無疑是大膽的。然而，它也有自己的優(yōu)點(diǎn)。與內(nèi)容平等共存，3D動(dòng)畫有助于創(chuàng)造一個(gè)平衡的設(shè)計(jì)和和諧的體驗(yàn)。

藝術(shù)和科學(xué)

《藝術(shù)與科學(xué)》是這家日本品牌相關(guān)設(shè)計(jì)公司的官方網(wǎng)站，實(shí)踐證明，一個(gè)來自"旭日之國"的網(wǎng)站將憑借其令人難以置信的魅力、復(fù)雜的設(shè)計(jì)、非凡的功能，當(dāng)然還有對一切先進(jìn)事物的熱愛，從競爭中脫穎而出。這次也不例外。

在這里，一個(gè)華麗的多邊形球體，圍繞其軸旋轉(zhuǎn)標(biāo)志著主體頁面。盡管它大得令人難以置信，有著明亮的紫色，占據(jù)了幾乎一半的屏幕，左邊的標(biāo)語仍然吸引著我們的注意力。該團(tuán)隊(duì)成功地實(shí)現(xiàn)了體積背景和內(nèi)容之間的完美平衡。

更重要的是，他們還在網(wǎng)站上添加了流行的細(xì)節(jié)，如垂直字體、細(xì)線和角落導(dǎo)航。這表明，并不是所有東西都依賴于基于體積的、基于全球的背景。

Deca Digital

Deca Digital是利用這一趨勢的另一個(gè)極好的例子，與前一個(gè)不同的是，這個(gè)團(tuán)隊(duì)用美麗的黑色美學(xué)贏得了觀眾的心，黑色不需要太多努力就能建立起復(fù)雜的基調(diào)。這里你可以看到另一個(gè)3D形狀。

這一次是一個(gè)金字塔，雖然不是通常的那個(gè)。它是由玻璃和光滑的表面，是由粒子香料。就像藝術(shù)和科學(xué)中的多邊形球體一樣，它也充滿了動(dòng)感。

再次注意，左邊的標(biāo)語與動(dòng)畫背景形成了鮮明的對比。這個(gè)團(tuán)隊(duì)能夠取得這樣的成績要?dú)w功于兩件事。首先，他們在設(shè)計(jì)中使用了一些久經(jīng)考驗(yàn)的技巧，比如黑白配色，大量的空白，當(dāng)然，左側(cè)的位置是讀者的自然起點(diǎn)。其次，他們?yōu)榻鹱炙褂昧送该鞯那忻?，從而減少了它的視覺重量。

Revolve Studio

就像Deca數(shù)碼，旋轉(zhuǎn)工作室有一個(gè)美麗的黑暗美學(xué)。背景是一個(gè)變形的多邊形球體和一個(gè)數(shù)字生成的山。然而，由于灰色的陰影和白色的字體，這兩個(gè)3D物體發(fā)揮了純粹的裝飾作用，作為一個(gè)輔助資產(chǎn)。

revolstudio向我們展示了如何實(shí)現(xiàn)體積背景和內(nèi)容之間的妥協(xié)，使用3D對象，失去了與前景元素的對比。

Unshift

Unshift是另一個(gè)例子，無縫的背景外觀使3D動(dòng)畫不那么大膽和強(qiáng)大。再一次，該團(tuán)隊(duì)將賭注押在了一種傳統(tǒng)的黑白顏料上，這種顏料以能在兩方之間形成完美的對比而聞名。

因此，盡管3D立方體位于屏幕的中心，并向各個(gè)方向移動(dòng)，但它并不能吸引所有人的注意力。標(biāo)識和導(dǎo)航很容易從流程中脫穎而出，從一開始就引人注目。

Think？Festival

Think？Festival在整個(gè)頭版使用了體積背景，主體頁面演示了一個(gè)動(dòng)畫，該動(dòng)畫顯示了從上到下的各種大小的平行四邊形的組合。頁面的其余部分由3D多邊形的草圖變體填充。

通過這種方式，團(tuán)隊(duì)為設(shè)計(jì)增加了多樣性，同時(shí)，將所有的東西聯(lián)系在一起，創(chuàng)建跨部門的一致性。

Prior Holdings / Encry

還有一些其他的很好的例子，例如，優(yōu)先控股和Encry。

第一個(gè)例子有一個(gè)優(yōu)雅的美學(xué)與中性的色彩和大量的空白，產(chǎn)生了一個(gè)企業(yè)的感覺。然而，由于巧妙的后臺(tái)解決方案，該網(wǎng)站看起來既不乏味也不瑣碎。

它以一條長長的3D絲帶為特色，在用戶探索項(xiàng)目的過程中，它一直伴隨著他們。它有助于創(chuàng)造一個(gè)持續(xù)的經(jīng)驗(yàn)，以及建立適當(dāng)?shù)那榫w。請注意，即使在背后的條紋發(fā)揮了重要作用，內(nèi)容仍然是明星的表演。

Encry背后的團(tuán)隊(duì)證明了你不需要突破界限去創(chuàng)造一些值得注意的東西，一個(gè)小的3D動(dòng)畫在背景中就足夠做一個(gè)聲明了。

他們的背景是一塊簡單的白色帆布，上面有一個(gè)靈感來自minecraft的小立方體。它是一個(gè)支持網(wǎng)站設(shè)計(jì)主題和理念的工具。它完美地象征著區(qū)塊鏈技術(shù)，并增加了一個(gè)現(xiàn)代扭曲的主體頁面。

Akufen

這種趨勢不僅可以作為背景的裝飾，也可以作為品牌身份的一部分，看看阿庫芬。

該網(wǎng)站設(shè)計(jì)以其精致、高端的外觀脫穎而出，它有一種令人驚嘆的因素，從一開始就贏得了在線觀眾。這里的體積背景下的標(biāo)志。注意，它不僅一直處于運(yùn)動(dòng)狀態(tài)，而且你還可以玩一會(huì)兒。簡單地突出。

完美的體積

雖然在主體頁面中體積場景應(yīng)該是中心舞臺(tái)，但它們作為"后援舞者"是完美的。更重要的是，由于在線觀眾被奢侈的解決方案、復(fù)雜的ide和交互式用戶體驗(yàn)寵壞了，這種方法受到熱烈歡迎。

用戶已經(jīng)準(zhǔn)備好將3D動(dòng)畫視為一種支持性資產(chǎn)，它可以增強(qiáng)總體印象，同時(shí)讓內(nèi)容在陽光下占有一席之地。

因此，如果你想添加一些大的和空間的東西，但仍然保持內(nèi)容王，不要猶豫。上面的例子展示了如何在實(shí)踐中做到這一點(diǎn)。從他們那里得到一些有效的觀點(diǎn)，把你的想法變成現(xiàn)實(shí)。