六、液體動畫

您登陸的幾乎每個網站似乎都包含某種形式的動畫。zhen正流行的是液體樣式的動畫，其運動看起來像水。

液態動畫可用于整個場景，作為轉換視頻元素的方式，懸停狀態以吸引點擊或作為將用戶吸引到設計中的通用動畫。使這種趨勢行之有效的訣竅在于移動的速度。它bi須平滑，流暢且定時準確，才能獲得zui逼真的感覺。

Toonami使用液體動畫作為懸停狀態來為屏幕上的元素帶來額外的運動。背景視頻和文本塊一樣“液化”。

Ilya Kulbachny在他的作品集網站的標題中使用了液體動畫。（這可能是該設計趨勢的zui佳用途之一。）這些單詞漂浮在屏幕上，并具有附加的懸停狀態，這會使他的圖像和單詞進一步移動。

七、3D

增加深度可以使設計更具真實感。三維圖像是該概念的擴展。在近十年末，我們開始看到這種趨勢，并且預計到2020年會有更多趨勢。

zui好的3D設計會給用戶帶來一些意想不到的效果，例如在Metaconf Meetup網站上破裂的面具或在Toke網站上橫向滾動的小鞋子。

八、音頻用戶體驗

雖然您可以期望在來年閱讀更多有關語音設計的信息，但這種趨勢的一部分已經在這里-聲音設計。

我從來都不喜歡網站上的自動播放聲音。（我發現大多數時候它很令人反感且令人討厭。）但是，不可否認的是，音頻用戶體驗正在發展。（只記得在爆出主題音樂之前詢問用戶?。?

La Ofrenda Mas Grande de Mexico和IFly Magazine都恪守這一規則，并使用聲音來提高用戶設計旅程的質量。音頻用戶體驗的zui佳使用可能是在存在語言障礙的設計中，因為在基于Web的故事講述中，音樂可能是一個很好的統一體。

九、重疊的圖層

層，層和更多層。重疊的圖層和元素不能完全創建3D效果，但是它們確實為項目增加了深度和尺寸感。

盡管重疊的層可以以單個元素的形式出現，但是這種趨勢通常包括多個重疊的元素。zui好的部分是它可以與幾乎所有類型的設計方案一起使用。

您可以重疊框和背景，圖像或視頻，文本或用戶界面元素和圖標。zui棘手的部分可能是確保重疊的外觀在設計的滾動中流動。

Craft Kitchen使用多個重疊元素–導航中的照片，照片中的文本和照片中的照片框架。元素繼續堆疊并重疊在滾動條上，以保持視覺主題。

Curt Thompson MD的網站使用帶有圓角的矩形卡片來完成此操作。您幾乎可以預期，任何具有圓角邊緣的設計元素都會與其他元素重疊以創建景深。這是一種以統一的方式組織許多不同的元素和內容類型的好方法。

十、漸變色

在平面設計鼎盛時期，設計師曾短暫回避漸變。但是他們又咆哮起來了，到2020年將會更大。

從帶有多色漸變的大膽背景到紋理的細微漸變，這種趨勢無處不在。我們現在看到的是將多種顏色與相當對比度相結合的漸變，而不是zui近流行的更微妙的單調漸變。

Bariskuran使用大膽的漸變進行具有很大影響力的投資組合設計。Arjay Studio將漸變用于文本元素以及AR視覺中的“氣泡”。（使用多個漸變也是一個流行的主題。） 

十一、簡化的導航

今年的導航趨勢可能是大型菜單的終結。簡化的導航樣式肯定會接管。

雖然起初這似乎是一個冒險的想法，但實際上很有意義。大多數用戶都是通過搜索引擎訪問您的網站的，因此可能不會在首頁上啟動。較少的導航將為您希望用戶zui參與設計的地方創建一條更直接的路徑。簡化的導航樣式在主畫布區域上為消息傳遞和內容提供了更多空間。

那么，為什么不嘗試呢？

Bikebear使用zui常見的簡化導航形式，在圖標內包含菜單項。該圖標可將導航打開到全屏選項列表。

Uniel還將導航導航到一個小的漢堡包小圖標中。它以相同的方式在臺式機和移動設備上彈出，從而提供一致的體驗。

許多現代設計元素相互配合工作，因此您可以混合并匹配趨勢和樣式，以創建新穎時尚的商品。通常，您會學會只使用一個設計“技巧”，但是在更復雜的設計方案中，似乎遺忘了該規則。

只要設計趨勢對可用性有所幫助，并且不能一it而就，請隨意發揮和結合趨勢以充分利用項目。

http://79806.xyz/wangzhansheji/3453.html 2020年十大Web設計和UI趨勢（二）