三維形狀和幾何形狀為數(shù)字空間增添了深度和視覺吸引力。也許這就是為什么這是一種流行的高端網(wǎng)站設(shè)計(jì)技術(shù)。

盡管網(wǎng)頁設(shè)計(jì)中的3D元素并不是新事物，但使用幾何和幾何形狀來創(chuàng)建這種效果的方式開始爆炸。對(duì)于網(wǎng)站訪問者來說，這是一種有趣而有趣的方式，可以使元素看起來跳出屏幕，降低網(wǎng)站跳出率。

本期高端網(wǎng)站設(shè)計(jì)公司Angle就給大家?guī)磉@種設(shè)計(jì)趨勢（和這些技術(shù)）如何在你的項(xiàng)目中發(fā)揮作用。

什么是3D設(shè)計(jì)？

似乎我們一直在努力使網(wǎng)站的2D畫布更加真實(shí)。三維效果是做到這一點(diǎn)的一種方法，并且使用幾何圖形進(jìn)行效果要比進(jìn)入增強(qiáng)現(xiàn)實(shí)或虛擬現(xiàn)實(shí)要簡單一些。這種趨勢涉及使用具有幾何形狀的圖層、陰影、深度和顏色為設(shè)計(jì)中的元素創(chuàng)建3D效果。3D幾何圖形的用途可能包括突出顯示關(guān)鍵信息（例如上面的示例），提供可以單擊或輕擊元素的視覺提示，將視線吸引到屏幕的特定部分，創(chuàng)建更有效的視覺效果，或在屏幕上創(chuàng)建可感知的運(yùn)動(dòng)。無論如何進(jìn)行，都應(yīng)以自然和逼真的方式使用3D設(shè)計(jì)。效果不應(yīng)感到過于復(fù)雜或過分強(qiáng)迫。它應(yīng)該感覺像是設(shè)計(jì)的自然部分，甚至對(duì)于某些用戶來說是看不見的，這意味著他們根本不考慮元素的3D性質(zhì)，但是他們知道如何使用和與設(shè)計(jì)交互。

形狀和陰影

使用3D設(shè)計(jì)的基本概念可以追溯到小學(xué)。你可能還記得繪制一個(gè)簡單的形狀，然后添加線條使其“生動(dòng)起來”。（你可以在上面的設(shè)計(jì)中看到該基本矩形草圖）這就是這種設(shè)計(jì)趨勢的根源。在設(shè)計(jì)中，線條元素和全彩色形狀（如球形，立方體和圓錐形）形式的形狀點(diǎn)具有陰影，陰影和深度，使其看起來更加真實(shí)。在這里，以3D元素為重點(diǎn)，使你的眼睛在設(shè)計(jì)中移動(dòng)。

陰影和動(dòng)畫

著色和動(dòng)畫的正確組合可以將簡單的形狀變成三維元素。技術(shù)的這種結(jié)合為原本可以是扁平元件的元件增加了深度。該深度模擬了一個(gè)觸覺對(duì)象，似乎你可以從屏幕上抓住它。在材料設(shè)計(jì)文檔中對(duì)此概念進(jìn)行了詳細(xì)描述，這可能是這種元素越來越受歡迎的原因之一。關(guān)于3D的討論很少，而關(guān)于交互的討論更多，但是想法是相同的。這都是關(guān)于數(shù)字空間中的現(xiàn)實(shí)體驗(yàn)。

3D插圖

插圖還可以通過3D元素呈現(xiàn)真實(shí)感。三維插圖場景（通常來自“場景生成器”）似乎幾乎無處不在。這些插圖經(jīng)常使用幾何形狀來創(chuàng)建其他深度，3D插圖可能包含也可能不包含動(dòng)畫元素，以進(jìn)一步強(qiáng)調(diào)設(shè)計(jì)中的深度。

層數(shù)

形狀圖層可以為項(xiàng)目添加深度和尺寸元素。

形狀和想象平面

使用與想象的平面相交的形狀在屏幕上創(chuàng)建3D效果。顏色、形狀和平面的這種組合創(chuàng)建了3D的不同變體，這些變體繼續(xù)出現(xiàn)并在滾動(dòng)條上移動(dòng)。

使其明顯

有時(shí)3D形狀是如此明顯，以至于你不禁看到它。采用了不同的顏色技術(shù)來使它們?nèi)诤显谝黄稹D像上的照明會(huì)產(chǎn)生顏色變化的程度。有不同的陰影可以模仿該光。分屏設(shè)計(jì)中銳利的矩形與圖像的圓形元素之間存在對(duì)比。所有這些東西結(jié)合起來可以模擬現(xiàn)實(shí)生活中的元素。

使用3D設(shè)計(jì)最好的部分是，它可以與你計(jì)劃在項(xiàng)目中使用的任何其他品牌的設(shè)計(jì)元素一起使用。與其他網(wǎng)站設(shè)計(jì)趨勢不同，您無需重新考慮顏色或版式選擇。盡管你可能會(huì)重繪一些插圖，但不必重新拍攝照片或視頻。

此外，你可以使用分層和深度來創(chuàng)建簡單的3D效果，從而為你的當(dāng)前美學(xué)建立更逼真的觸感方法。這是一種設(shè)計(jì)趨勢，幾乎任何人都可以將其納入項(xiàng)目。以上就高端網(wǎng)站設(shè)計(jì)公司Angle為大家分享的。