愛伊米

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

這是Behance連續第五年釋出設計流行趨勢,在過去幾年從讀者的積極反饋中逐步促使我們繼續探索和分析主要設計領域的新趨勢。最關鍵的設計趨勢必定與技術發展緊密結合,以及對設計領域的影響相關。

2020年度主要趨勢

動畫與動效設計

我們認為動效和動畫設計將會是2020年主要趨勢,因為可以看到在所有設計領域都出現了越來越多的動畫,從微互動到LOGO、UI,一切都在動態化。

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

趨勢目錄

1. UI / UX

2. 插圖

3. 動態圖形

4. 平面設計

5. 技術趨勢

6. 包裝設計

7. 字型設計

8. 趨勢工具

1. UI / UX

1.1 暗黑模式(Android Q 和 iOS 13)

隨著越來越多大公司推出暗黑模式版本,越來越多的設計師將會選擇在他們的APP或網站中引入暗黑模式,因此在來年將看到越來越多的暗黑模式設計。

Behance釋出2020設計趨勢報告!

1.2 鮮豔大膽的色彩

鮮豔大膽的色彩已成為主要的趨勢,這些色彩豐富、明亮、充滿活力被越來越多地運用於主要顏色或輔助顏色。

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

1.3 UI插圖

插圖是對抽象概念最直觀的表現手法,可以讓使用者更好地理解產品背後傳達的資訊。

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

1.4 脈絡敘事

我們在設計中經常會使用講故事的方式,幫助使用者創造輕鬆流暢的產品體驗旅程,一個好的故事可以幫助使用者更輕鬆地理解產品。

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

1.5 動態圖形和微互動

動態圖形將會是2020年的重要趨勢,在UI設計中也有很顯著的表現,它不只增強了插圖的效果,同時讓產品資訊更易於理解和記憶。

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

1.6 UI影片

透過影片的形式能夠將資訊非常快地觸達使用者,不管是選擇透過動畫或影片來解釋產品,影片對於任何APP/Web都是必不可少的。

1.7 功能設計

許多人認為必須在設計和功能之間進行平衡,但是在新技術的幫助下,這兩種技術可以很好地融合在一起並相互補充。

Behance釋出2020設計趨勢報告!

1.9 漸變

近年來,我們一直在談論設計中的漸變,這種趨勢在2020年將繼續保持強勁,鮮豔的色彩是成功漸變的完美選擇。

Behance釋出2020設計趨勢報告!

2. 插圖

2.1 角色設計

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

2.2 紋理/質感

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

2.3 平面插圖

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

2.4 2.5D

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

2.5 3D

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

2.6 大膽的配色

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

3. 動態圖形

3.1 3D影片

3.3 2D動畫

3.4 動態LOGO

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

4. 平面設計

4.1 平面設計中的3D

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

4.2 雙色設計

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

4.3 光感藝術

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

4.4 平面插圖‍

Behance釋出2020設計趨勢報告!

4.5 動態海報

Behance釋出2020設計趨勢報告!

4.6 復古未來主義

Behance釋出2020設計趨勢報告!

4.7 極簡主義

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

4.8 大色塊

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

4.9 超極簡主義

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

5. 技術趨勢

5.1 增強現實移動APP

隨著蘋果和谷歌推出自己的AR開發平臺ARKit和ARCore。整個世界的趨勢將更面向增強現實技術。許多大品牌已經在其應用程式中採用了這項技術,而那些尚未採用這種技術的公司,必須認真考慮如何使使用者在這種新現實中與之互動。

Behance釋出2020設計趨勢報告!

5.2 人工智慧、機器學習、虛擬助手與聊天機器人

聊天機器人是一種透過聽覺或文字方法進行對話的軟體。此類程式通常旨在令人信服地模擬人類作為對話夥伴的行為。儘管截至2019年它們仍不能透過圖靈測試。

由於技術的限制當前人們還不習慣與AI對話,因此設計師的很大一部分工作是使流程簡單並建立信任。他們需要幫助人們瞭解系統可以做什麼以及如何使用它。

Behance釋出2020設計趨勢報告!

5.3 VR

由於當前技術發展瓶頸與應用場景限制,大多數人將VR與遊戲行業強關聯。但是隨著越來越多大型科技公司開發VR套件和應用程式,我們將發現更多使用和享受這項技術的新方法。

Behance釋出2020設計趨勢報告!

5.4 語音互動

語音使用者介面(VUI)使用語音識別(ASR)來理解語音命令,通常是文字到語音以播放答覆(TTS),從而讓使用者透過語音的方式,與計算機進行互動成為可能。語音命令裝置(VCD)則是受語音使用者介面控制的裝置。

6. 包裝設計

6.1 包裝圖案設計

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

6.2 包裝插圖

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

6.3 留白

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

6.4 單色和雙色

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

6.5 大膽的配色

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

6.6 印刷工藝

Behance釋出2020設計趨勢報告!

6.7 敘事性包裝

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

7. 字型設計

7.1 粗體

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

7.2 小寫

Behance釋出2020設計趨勢報告!

7.3 自定義字型

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

7.4 動力學排版

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

7.5 文字堆疊

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

Behance釋出2020設計趨勢報告!

8. 趨勢工具

8.1 Adobe Spark

Behance釋出2020設計趨勢報告!

8.2 Procreate

Behance釋出2020設計趨勢報告!

8.3 Adobe XD

Behance釋出2020設計趨勢報告!

· The End ·

設計歸根到底還是服務於市場,切忌盲目追逐潮流。

一線設計師都在關注:GrayDesign