六、液體動(dòng)畫(huà)

您登陸的幾乎每個(gè)網(wǎng)站似乎都包含某種形式的動(dòng)畫(huà)。zhen正流行的是液體樣式的動(dòng)畫(huà)，其運動(dòng)看起來(lái)像水。

液態(tài)動(dòng)畫(huà)可用于整個(gè)場(chǎng)景，作為轉換視頻元素的方式，懸停狀態(tài)以吸引點(diǎn)擊或作為將用戶(hù)吸引到設計中的通用動(dòng)畫(huà)。使這種趨勢行之有效的訣竅在于移動(dòng)的速度。它bi須平滑，流暢且定時(shí)準確，才能獲得zui逼真的感覺(jué)。

Toonami使用液體動(dòng)畫(huà)作為懸停狀態(tài)來(lái)為屏幕上的元素帶來(lái)額外的運動(dòng)。背景視頻和文本塊一樣“液化”。

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

七、3D

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

zui好的3D設計會(huì )給用戶(hù)帶來(lái)一些意想不到的效果，例如在Metaconf Meetup網(wǎng)站上破裂的面具或在Toke網(wǎng)站上橫向滾動(dòng)的小鞋子。

八、音頻用戶(hù)體驗

雖然您可以期望在來(lái)年閱讀更多有關(guān)語(yǔ)音設計的信息，但這種趨勢的一部分已經(jīng)在這里-聲音設計。

我從來(lái)都不喜歡網(wǎng)站上的自動(dòng)播放聲音。（我發(fā)現大多數時(shí)候它很令人反感且令人討厭。）但是，不可否認的是，音頻用戶(hù)體驗正在發(fā)展。（只記得在爆出主題音樂(lè )之前詢(xún)問(wèn)用戶(hù)！）

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

九、重疊的圖層

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

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

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

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

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

十、漸變色

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

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

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

十一、簡(jiǎn)化的導航

今年的導航趨勢可能是大型菜單的終結。簡(jiǎn)化的導航樣式肯定會(huì )接管。

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

那么，為什么不嘗試呢？

Bikebear使用zui常見(jiàn)的簡(jiǎn)化導航形式，在圖標內包含菜單項。該圖標可將導航打開(kāi)到全屏選項列表。

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

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

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

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