2020年即將到來，對於設計師門而言，沒有什麼比掌握設計趨勢更加重要。2018年Behance大神Milo發佈的一篇《2018年Design Trends Guide(設計趨勢)》曾走紅全網。今年Milo等設計師們繼續通過對色彩、顏色、形象和大小深入分析，為我們總結出《預測2020年設計趨勢說明書》。

據悉，2020年雖然大多數趨勢都延續今年的設計趨勢，但仍有不少新的趨勢值得設計師們追求，尤其是2020年設計趨勢將會結合科技發展和技術趨勢。

下面就讓我們開始探索2020年最複雜的設計趨勢說明書。

《預測2020年設計趨勢說明書》的內容：

趨勢一：UI和UX設計

1.暗黑模式(Dark mode)

網頁設計趨勢

隨着越來越多領頭大公司陸續推出自己的暗黑模式版本，越來越多設計師將會選擇在APP設計或網頁設計中使用暗黑模式。預計明年將會看到越來多暗黑模式的設計，暗黑模式亦從2019年的設計趨勢延續到2020年。

2.大膽用色 (Bold Colours)

網頁設計趨勢

強烈大膽色彩已成為2019年重要設計趨勢之一，相信到2020年同樣不例外。大膽色彩不僅明亮，甚至極富活力，使用它們作為主要或次要顏色，會讓APP設計或網頁設計更具吸引力。

3.界面插圖 (Illustrations in UI)

網頁設計趨勢

縱觀近年來的設計趨勢，插圖一直都是最強勁的設計趨勢之一。插圖是讓用戶理解產品背後想法的最直觀方式。精美的插圖加上獨具匠心的想法，回更容易更快地傳達產品信息。

4.脈絡敘事 (Storytelling)

網頁設計趨勢

「故事情節」融入到設計中，能幫助用戶更輕鬆地了解產品。要向用戶講訴一個好故事，首先我們要創建一個特別且有個性的角色，並創建一個故事和衝突。將產品融入到故事情節中，告知用戶這個產品能更好地解決這一衝突，幫助用戶沉浸在產品與網站中的流暢體驗。

5.動態插圖與微交互 (Animated graphics & Micro-interactions)

網頁設計趨勢

過去幾年，動畫設計一直是設計中最重要的趨勢之一，直到2020年也例外，並且在UI設計中也有很明顯的表現。如果適當利用動畫設計，能讓更容易更快地傳遞產品信息，同時還能讓產品想法更容易被用戶吸收和保留。

微交互在2018年初次出現，直到2020年這個設計趨勢依然受到設計師們的關注。微交互能讓用戶更快地了解產品的工作原理，並引導用戶享受更好的體驗。

6.視頻設計(Video in UI)

到了2020年，想品牌信息更快地到達用戶眼前，利用視頻設計解釋產品特色，就能更好地完成這個目標。

7.功能設計 (Functionality)

網頁設計趨勢

以往很多人認為設計和功能之間需要「平衡」，但隨着新技術的幫助，這兩種技術已經很好地融合在一起和互相補充。所有設計元素的選擇都根據功能設計的目的和能力去設定，將使網站用戶體驗變得更加輕鬆，讓用戶更快地找到信息。

8.關注細節

網頁設計趨勢

UI設計中，對細節投入更多關注是非常重要的，因為即使再細微的細節出現瑕疵，都會影響用戶對設計的想法。隨着新技術的出現，UI設計也應順應潮流，對細節進行持續的變化，讓用戶更容易使用。

9.漸變

網頁設計趨勢

這幾年不少優秀設計作品都很喜歡使用漸變趨勢，可見2020年漸變趨勢將保持強勁之風直卷設計圈。值得一提的是，剛才說到的大膽用色，其實也成功使用漸變的的完美選擇。

趨勢二：Illustrations設計(插畫設計)

1.角色設計 (Character design)

網頁設計趨勢

既然講故事是2020年的重要設計趨勢之一，那麼角色設計同樣是非常設計趨勢。透過插畫方式向角色灌輸強烈個性，能讓用戶沉浸在用戶環境當中，加深用戶對品牌產品的認識，增加信息的傳遞。

2.紋理(Textures)

網頁設計趨勢

通常紋理在設計中是用於增加深度、尺寸，或用來調和平淡的設計。而插圖結合紋理，能創造出令人難忘的構圖。透過各種奇思妙想為插圖添加紋理，會讓設計更有質感及立體感。

3.平面插圖 (Discreet Outlined Flat Illustrations)

網頁設計趨勢

雖然過去幾年中，立體插圖一直受到設計師們的喜愛，但最近平面插圖似乎即將回歸的趨勢。在2020年平面插圖將給我們帶來新的驚喜：使用細的黑色筆觸，讓每個元素都應用細線，使其陰影比所涉及的對象要暗。

4.透視 (Isometric)

網頁設計趨勢

沒錯，透視插圖依然出現在2020年設計趨勢當中，尤其是在UI 設計中。隨着人們在2019年對加密貨幣的興趣增加，這種趨勢逐漸顯現出來。不過最近透視插圖似乎不僅僅出現在UI設計中，在其他設計領域中同樣能找到它的身影。

5.3D插圖

網頁設計趨勢

隨着效率越來越高的軟件和工具出現，3D渲染效果已沒有以前那麼高成本了。與平面插畫不同，3D插圖能讓畫面變得更加逼真立體，因此常常出現在各種設計領域當中。

6.極度大膽的用色(Ultra bold colors)

網頁設計趨勢

插圖運用大膽色彩，能給畫面營造出歡樂的氛圍，同時更能展現設計作品背後的故事，讓角色脫穎而出。

趨勢三：動態圖形(Motion graphic)

1.3D Videos

過去幾年3D設計一直是設計中最重要的趨勢，2020年3D設計將綻放得更艷麗，因為你幾乎可以在各大領域中找到它，尤其是廣告、電影、遊戲等視頻，而且你無法想像如果設計作品沒有了3D設計動態效果，將會變得多單調。

2.混合媒體 (Videos + Animated illustrations)

拍攝視頻時，結合動畫插圖以及靜止照片，不僅不會突兀，有時還可以產生非凡效果。視頻結合2D或3D效果，能創建現實生活中不存在的複雜視覺效果，令人一看難忘。

3.說明視頻 (2D animations)

想要在廣告或產品中使用說明視頻，使用矢量圖創建故事和角色，並用2D動畫效果去傳遞，不僅會讓說明視頻更加生動，還能加深用戶對廣告或產品的印象。

4.動態商標 (Animated Logos)

網頁設計趨勢

既然動態效果是2020年的「必備設計」，那麼我們也可以利用它的優勢，應用到商標設計中。事實上，很多公司已經對商標進行動態化處理，以便引起用戶的注意。

趨勢四：平面設計(Graphic Design)

1.3D效果

網頁設計趨勢

雖然平面設計大多應用2D效果，但同樣可以利用3D效果作為「點綴之色」。平面設計應用3D渲染的插圖、動畫或字體，會讓界面內容變得更加驚艷。

2.變色/對比 (Bicolor)

網頁設計趨勢

所謂精益求精的概念可以完美地描述這一趨勢，透過創造出大膽的元素，並用優雅的設計和強烈對比將其結合，更易於吸引用戶的注意力，同時也是平面印刷最理想的選擇之一。

3.光感藝術(Optical perception art)

網頁設計趨勢

歐普藝術中有很多知名抽象作品，通過隱藏圖像、扭曲、閃爍、膨脹、彎曲等，營造出動態的印象，但其實這些都是靜態呈現方式。

4.插畫設計(Illustrations in Graphic Design)

網頁設計趨勢

插畫在所有設計領域都非常重要，尤其是平面設計。雖然插畫設計已經流行了幾年，但從很多優秀設計作品中，我們同樣能發現插畫被大量使用的身影，因此不難猜測2020年插畫將繼續成為設計師們的最愛。

5.動畫海報(Animated posters)

網頁設計趨勢

動畫設計可以說是無處不在，我們不僅在設計各個領域中找到他們，甚至連海報設計都有它們的身影。別懷疑，這指的不是印刷海報，而是數字海報。動畫可以將2D與3D混合在一起，而且效果非常令人着迷。

6.蒸汽波 (Retro Synthwave)

網頁設計趨勢

復古蒸汽波是一種在80年代出現的趨勢，但這種趨勢總是時不時出現在我們的眼前，讓人想忘記它的存在真的挺難的。而隨着《Stranger Things》系列的成功，這一趨勢又再次開始流行。

7.瑞士、達達、包豪斯風格 (Swiss design, Dadaism, Bauhaus)

網頁設計趨勢

這三種趨勢都是20世紀最重要的圖像設計風格，也是設計師最好的靈感來源，甚至只要設計師們遵循它們的規則，便幾乎不可能在設計中犯錯誤。

8.不間段的色彩象限 (Large uninterrupted colored space)

網頁設計趨勢

大膽、不間斷的色彩象限，將在明年成為非常流行趨勢。看來明年將會有一大波設計出現這一趨勢。

9.極簡主義 (Ultraminimalism)

網頁設計趨勢

近年來極簡主義的流行熱度幾乎沒有下降，相信明年也不李艾。僅用必需的設計元素，有限的調色和簡單的形狀，放棄多餘的元素，便是極簡主義的目的。值得注意的是，極簡主義看似簡單，但要有令人難忘的表現，難度還是挺高的。

趨勢五：基於技術趨勢(Technology-based Trends)

人工智能、機器學習、虛擬現實和增強現實等新技術不斷改變我們的生活，同樣這些技術也正影響設計師們的思維和創作。

1.增強現實(Augmented reality，AR)

很多大品牌的APP已在採用增強現實這項技術的路上，尚未採用這項技術的APP也正準備踏上這一旅途。可見AR不僅改變我們的生活，也改變我們的上網方式。

2.人工智能、機器學習、虛擬助手與聊天機械人(AI ,ML, Chatbots and Virtual Assistants)

由於技術的限制，當前人們仍不習慣與聊天機械人對話，但很多設計師和開發人員正努力突破這一限制，聊天機械人更加人性化，讓人們了解系統的作用，並逐漸建立信任。

3.虛擬仿真 (Virtual Reality，VR)

大多數人說到VR，就會聯想到遊戲行業。但隨着越來越多大型科技公司開發VR套件和APP，VR技術將應用於更多領域，例如教育，醫療保健，旅遊，房地產或建築。

4.語音交互 (Voice user interface，VUI)

語音用戶界面是使用語音識別(ASR)來理解語音命令和問題，通常是文本到語音以播放答覆(TTS)，從而讓用戶透過語音的方式，與計算機進行交互成為可能。語音命令設備(VCD)則是受語音用戶界面控制的設備。

趨勢六：字體設計(Typography)

1.粗體(Bold)

網頁設計趨勢

粗體印刷術是設計中的基本趨勢，大膽地在網頁設計和圖形設計排版，它可以取代圖像作為主要元素。

2.小寫(lower case)

網頁設計趨勢

越來越多APP使用完全小寫的文本，這種趨勢非常易於閱讀，以及完美地集成到簡約和現代設計。

3.自定義字體(Custom font)

網頁設計趨勢

雖然自定義沒有什麼新意，但我們依然在商標設計和海報設計中發現它，尤其是大品牌。因為身長專用字體非常昂貴，因此對現有字體稍加調整，同樣有獨特的效果。

4.動態排版(Dynamic typesetting)

網頁設計趨勢

我們一直說動畫在設計中無處不在，那麼在排版中找到動畫同樣是非常的事情。利用而簡單的交互來移動和轉向屏幕上的字體。這種簡單的排版手法，會加深用戶的記憶。

5.文本堆疊(Text stacking)

網頁設計趨勢

堆疊文本可能是一種現代化的解決方案，可以吸引您注意基本信息。我們可以在網頁設計，應用程序設計和圖形設計中看到這種趨勢。

看了這麼多趨勢，是不是覺得有點多且亂呢?其實上述的「2020年設計趨勢」中，我們不難發現很多都是延續過往的設計趨勢，因此我們只要稍加變化，同樣能創作出讓人滿意的作品。