探索網(wǎng)頁設(shè)計中體積背景的美和力量
作為設(shè)計師創(chuàng)造力和非凡的開發(fā)技能的獨創(chuàng)產(chǎn)品,數(shù)字化制作的動畫已經(jīng)連續(xù)數(shù)年運(yùn)行該節(jié)目。您還記得可以在多個維度上探索的所有那些場景嗎?好吧,看來主流不會減慢也不會消失。大量的背景證明了這一點。這是一股真正的鼓舞人心的潮流,并且越來越具有技巧性。
通常,此類動畫用于占據(jù)Web界面中的領(lǐng)先位置。但是,這不是這些情況之一。通過這種方法,它們被移到了后面,而被界面的其他整體元素所取代,例如標(biāo)語,導(dǎo)航或徽標(biāo)。
這似乎是不合邏輯的,而且無疑是大膽的。但是,它有其優(yōu)點。3D動畫與內(nèi)容并存,可以幫助創(chuàng)造均衡的設(shè)計和和諧的體驗。
藝術(shù)與科學(xué)
Art and Science是日本品牌相關(guān)設(shè)計公司的官方網(wǎng)站。實踐證明,一個來自朝陽之地的網(wǎng)站將以其令人難以置信的魅力,錯綜復(fù)雜的設(shè)計,非凡的功能以及對所有先進(jìn)技術(shù)的熱愛與眾不同。這也不例外。
在這里,一個華麗的多邊形球體圍繞其軸旋轉(zhuǎn),標(biāo)記了英雄區(qū)域。盡管它非常大,具有放射狀的紫色,并占據(jù)了屏幕的近一半,但左側(cè)的標(biāo)語仍然引起我們的注意。該團(tuán)隊設(shè)法在體積背景和內(nèi)容之間實現(xiàn)了完美的平衡。
更重要的是,他們還在網(wǎng)站上填充了流行的詳細(xì)信息,例如垂直字體,細(xì)線和角落導(dǎo)航。這表明并非所有事物都基于體積,基于地球的背景。
德卡數(shù)字
Deca Digital是利用這一趨勢的另一個出色示例。與上一屆不同,該團(tuán)隊以美麗的深色美學(xué)贏得了觀眾的青睞,而黑色則毫不費力地設(shè)定了精致的色調(diào)。在這里您可以看到另一個3D形狀。
這次是金字塔,雖然不是通常的金字塔。它是由玻璃狀和有光澤的表面制成的,上面鋪滿了顆粒。就像藝術(shù)與科學(xué)中的多邊形球一樣,它也充滿了運(yùn)動。
再次注意,左側(cè)的標(biāo)語與動畫背景形成鮮明對比。該團(tuán)隊通過兩件事實現(xiàn)了這一目標(biāo)。首先,他們在設(shè)計中使用了一些久經(jīng)考驗的技巧,例如黑色和白色,大量的空白,當(dāng)然還有左側(cè)位置是讀者的自然起點。其次,他們?yōu)榻鹱炙褂昧送该鞯那忻妫瑥亩档土似湟曈X重量。
旋轉(zhuǎn)工作室
就像Deca Digital一樣,Revolve Studio具有美麗的深色美學(xué)。背景具有變形的多邊形球體和數(shù)字化生成的山峰。但是,由于使用了灰色陰影和白色字母,這兩個3D對象仍然充當(dāng)純裝飾性角色,仍然是輔助資產(chǎn)。
Revolve Studio向我們展示了如何通過使用與前景元素形成對比的3D對象來實現(xiàn)體積背景和內(nèi)容之間的折衷。
換檔
Unshift是另一個示例,其中背景的無縫外觀使3D動畫不那么大膽和壓倒性。再次,團(tuán)隊押注以傳統(tǒng)的黑色和白色為特征的色彩,這種色彩以能夠在雙方之間形成完美的對比而聞名。
因此,盡管坐在屏幕的中心并向各個方向移動,但3D立方體并不能吸引全部注意力。標(biāo)識和導(dǎo)航很容易從流程中脫穎而出,從一開始就引人注目。
Think? Festival
這個網(wǎng)頁使用了整個首頁的立體背景。演示了一個動畫,該動畫顯示了從頂部到底部延伸的各種大小的平行四邊形組合。頁面的其余部分填充有3D多邊形的草圖變體。
通過這種方式,團(tuán)隊為設(shè)計增加了多樣性,同時將所有內(nèi)容聯(lián)系在一起,從而使各個部分保持一致。
優(yōu)先控股
還有其他一些很棒的例子,例如Prior Holdings和Encry。
第一個示例具有優(yōu)雅的美學(xué)感,中性色和大量空白,可產(chǎn)生商務(wù)感。但是,由于巧妙的背景解決方案,該網(wǎng)站看起來既平淡又瑣碎。
它具有長長的3D色帶,可在訪客探索項目時跟隨他們的前進(jìn)。它有助于創(chuàng)造持續(xù)的體驗以及建立適當(dāng)?shù)那榫w。請注意,即使背面的條紋起著至關(guān)重要的作用,但內(nèi)容仍然是節(jié)目的明星。
Encry背后的團(tuán)隊證明,您無需突破界限即可創(chuàng)建值得注意的東西。后臺的3D動畫很小,足以發(fā)表聲明。
在他們的情況下,背景是一個簡單的白色畫布,上面有一個受Minecraft啟發(fā)的小立方體。它是支持網(wǎng)站主題和思想的工具。它完美地象征了區(qū)塊鏈技術(shù),并為英雄區(qū)增添了現(xiàn)代感。
阿庫芬
趨勢不僅可以用作背景的裝飾部分,還可以用作品牌標(biāo)識的一部分。看看Akufen。
該網(wǎng)站以其精致的高端外觀在人群中脫穎而出。它具有令人贊嘆的因素,從頭幾秒鐘就贏得了在線觀眾的青睞。在此,體積背景是徽標(biāo)的基礎(chǔ)。請注意,它不僅會一直保持運(yùn)動,而且還可以一點點地玩。簡直很出色。
完美音量
盡管立體場景在首頁橫幅值得關(guān)注,但它們可以完美地充當(dāng)“后備舞者”。此外,由于用戶喜歡華麗奢侈的頁面,錯綜復(fù)雜的想法和交互式用戶體驗所寵壞,因此這種方法受到熱烈歡迎。
用戶已經(jīng)準(zhǔn)備好將3D動畫視為一種輔助工程,可以增強(qiáng)總體印象,同時讓內(nèi)容在陽光下占據(jù)一席之地。
因此,如果您想添加一些大尺寸的東西,但仍將內(nèi)容放在首位,請不要猶豫。以上示例顯示了如何在實踐中執(zhí)行此操作。從他們那里得到一些有效的觀點,并將您的想法變?yōu)楝F(xiàn)實。