六、液體動(dòng)畫

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

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

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

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

七、3D

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

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

八、音頻用戶體驗(yàn)

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

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

La Ofrenda Mas Grande de Mexico和IFly Magazine都恪守這一規(guī)則，并使用聲音來(lái)提高用戶設(shè)計(jì)旅程的質(zhì)量。音頻用戶體驗(yàn)的zui佳使用可能是在存在語(yǔ)言障礙的設(shè)計(jì)中，因?yàn)樵诨赪eb的故事講述中，音樂(lè)可能是一個(gè)很好的統(tǒng)一體。

九、重疊的圖層

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

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

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

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

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

十、漸變色

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

從帶有多色漸變的大膽背景到紋理的細(xì)微漸變，這種趨勢(shì)無(wú)處不在。我們現(xiàn)在看到的是將多種顏色與相當(dāng)對(duì)比度相結(jié)合的漸變，而不是zui近流行的更微妙的單調(diào)漸變。

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

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

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

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

那么，為什么不嘗試呢？

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

Uniel還將導(dǎo)航導(dǎo)航到一個(gè)小的漢堡包小圖標(biāo)中。它以相同的方式在臺(tái)式機(jī)和移動(dòng)設(shè)備上彈出，從而提供一致的體驗(yàn)。

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

只要設(shè)計(jì)趨勢(shì)對(duì)可用性有所幫助，并且不能一it而就，請(qǐng)隨意發(fā)揮和結(jié)合趨勢(shì)以充分利用項(xiàng)目。

http://www.dgzxsm168.com/wangzhansheji/3453.html 2020年十大Web設(shè)計(jì)和UI趨勢(shì)（二）