六、液體動畫

您登陸的幾乎每個網站似乎都包含某種形式的動畫。 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 而就,請隨意發揮和結合趨勢以充分利用專案。