UX辭典說|Behance解讀2021年6大新趨勢!

2020-12-11 騰訊網

UX Pedia Presents

本文約4408字，閱讀需要12分鐘

Behance權威趨勢報告

全球疫情大爆發造成了數月的隔離，這讓大家不免對2021年充滿期待。如此不安分的一年，也讓20年的設計趨勢沒有發生太大變化，延續至2021年。

3D仍會繼續扮演重要角色，出現在其他設計分支中，比如一直被平面設計所主導的UI，風格也逐漸趨同。各式免費3D軟體、插件的層出不窮也降低了其學習門檻，像Figma或Dimensions CC等軟體，都非常適合新手學習。

話不多說，高能預警來嘍！

6個章節，一起康康都有什麼趨勢乾貨吧~

01 UI/IXD設計

02 插圖設計

03 動態設計

04 平面設計與印刷

05 包裝設計

06 趨勢工具

01 UI/IXD設計

1.1 App vs 移動端

在2021年，如果不是「移動優先」的網站，就完全OUT了！在大多數業務分支中，如果使用的是應用程式，將大大提升用戶的感受體驗。所以，把業務將重點放在其開發和實施上，比如在線商店、社交媒體平臺和交易平臺，還能增加其轉化率。

研究顯示，與移動網站相比，用戶更喜歡行動應用程式，並把將近90％的時間花在了移動應用上，雖然移動端開發和維護成本都很高，不可否認其受火熱程度。

1.2 顏色

顏色是UI設計中最重要的視覺元素之一，幫助突出界面內容、增強品牌風格以及將UI元素和表面輕鬆區分開。如果不想花時間選擇調色板，可以使用一些網站來生成美麗而充滿活力的混合色，之前辭典醬從100個配色工具中挑出了25個實用工具，建議戳連結收藏~！

1.3 小組件的尺寸

今年推出的iOS14，引用了小組件管理，在一定程度上也影響了界面設計。小部件現有3種尺寸：小、中、大，用戶可以根據使用習慣自由排列它們。設計師必須創建3種基本樣式的組件圖標，供用戶自主選擇，而且較大的組件可以顯示更多數據和信息。

左：Varya Panyukova iOS 14

右：Alex Muench Apple Widgets UI Kit for Figma

1.4 動畫&交互

動畫是構建應用程式和用戶體驗的重要組成部分，如果不包含動畫，設計總像是缺少了點兒什麼。有很多創建動畫的方法，比如JSON，將圖像和動畫提取為代碼，JSON與GIF相比，它的大小僅佔很小的一部分，並且支持完全透明。

Jonathan Tipton-KingTreasure Truck - Logo Animations

幾年前，Airbnb的設計師們創建了一個名為Lottie的工具，該工具使用JSON文件可以使小動畫製作變得非常容易。Lottie是適用於iOS，Android和React Native的開源庫，可實時渲染動畫，感興趣的話不妨試試。

Alexandra Golde Animated animals

1.5 3D圖標定製

3D已越來越佔據大家的視線了，且現在它對UI細分市場的影響比以往任何時候都要大。3D圖標是2021年新的UI趨勢，如果覺得扁平圖標有些審美疲勞，轉向3D版也不錯。

02 插圖設計

2.1 細輪廓插畫

20年插圖多以這種特殊的繪畫風格為主導，預測會繼續在21年流行。

Odd Bleat * Revolut - Animated Loops

2.2 3D

近年來3D席捲了設計領域，快速發展的同時更呈現了非常多的優美視覺，給觀眾留下了深刻的印象。與前幾年的不同之處在於，3D插圖也變得更加簡約。

Titi Lyao3D illustration

2.3 70&80年代卡通插圖

懷舊的插畫風格會在21年繼續流行，並佔據主導地位，這種經典的卡通繪畫風格以簡單的輪廓、形狀及細節呈現。

2.4 誇張的形狀&顏色

這種誇張的插畫形式，儘管乍看下似乎像還未完成，但其實都是經過深思熟慮的。重疊的形狀和強烈的色彩構成了大膽誇張的插圖，激發任何觀看者的靈感。

Totoi Semerena Tropical Geo V

Bernardo Henning Quartz

2.5圖解視頻演示

20年流行的插畫趨勢，21年仍值得關注。

Giordano Poloni Punto Poste Da Te

03 動態設計

3.1 TikTok & Instagrm Reels

隨著TikTok替代品Instagram Reels的發布，大公司已經開始使用此工具進行自我宣傳和發展。這些短視頻不再只是作為青少年的消遣，逐漸成為各大品牌宣傳競爭的新賽道。若已經在使用社交媒體開展業務，則值得嘗試使用Tiktok或Instagram Reels。

3.2 經典卡通

童年時代的卡通漫畫，在2021年仍舊熱門，為這些陪伴了我們同年的卡通賦予新的變化吧。

左：Mari Kinovych, Nick Zaychenko

右：Zombie Studio USE ELO

3.3 超逼真的3D VFX

VFX或Visual Effects，是將現有素材與計算機生成的圖像結合，以創建逼真的特效場景。它們是插入到真實生活場景中的動畫，以前多是用攝像機錄製，隨著眾多易用軟體出現，VFX在視頻和短片中變得更加常見。

左：REALME NARZO 20PRO

右：The Orville

3.4 3D插圖

越來越多的應用程式、站點和軟體實現了增強現實，設計師將3D與攝影或2D創新結合，讓設計變的更獨特有趣。

SICREDI CONECTA

3.5 動態標識

動態標識從出現至今已變得非常醒目，甚至席捲了很多我們熟知的大品牌。將標識與平滑流暢的動畫相結合，可以為品牌帶來令人難忘的效果。

Yup Nguyenaiera - logo animation loading

Fede Cook & - Logo animation

Vadim CarazanforCarazan BrandsConsultly logo animation

3.6 增強現實&VR

AR和VR本身是一個非常廣闊的領域，也具有自己的趨勢。由於疫情原因，很多業務活動不得不轉戰線上，比如畫廊、博物館等都已使用VR和AR，讓在家隔離的人們輕鬆瀏覽藝術品。未來，在人工智慧和機器學習的幫助下，AR將在醫學、藝術、商業、客戶服務和導航等各個領域得到廣泛應用。

3.7 快閃視頻

在視頻中看到的消息，大腦會儲存95％的消息，如果換成屏幕閱讀則只能保留10％。無論想傳達什麼信息，若是內容豐富、鼓舞人心或說明性信息，可以使用快閃視頻來完成。

04 平面設計與印刷

4.1 大膽誇張的排版

排版是設計中最重要的元素！一個有經驗的設計師可以僅用排版來呈現視覺，排版對於構建信息、建立視覺層次結構、傳遞價值觀以及為用戶創造良好的體驗至關重要。無論使用動態的、變形的、3D的、動畫的或靜態排版，它會一直是熱門趨勢。

左：Quim Marin StudioSOMA Brewing

右：Anna DDisplacement Maps and Actions

4.2 幾何形狀

自上世紀初以來，視覺藝術中就已經發現了幾何形狀，不能說它是一種新趨勢但卻非常重要。未來，它也會廣泛應用在圖形設計上（無論是海報，印刷品，包裝還是品牌標識）。

4.3 細輪廓&線稿

超細線條設計將在每個設計分支中逐一提及，以表明它的易用性。

05 包裝設計

隨著新冠疫情成為20年的新聞主旋律，產品包裝也發揮了更加重要的作用。消費者對食品汙染表示擔憂，促使包裝需求增加，以減少對環境地更多汙染。

5.1 可持續發展包裝

企業必須使用可生物降解的材料，例如紙板、生物塑料或玉米土豆或蘑菇製成的材料。

左：Shaivalini Kumar, Supernova Design, Asavari Kumar Bantu Vegan Branding & Packaging

右：Jieru Chen Side - Ceramics Product Design and Packaging

5.2 插圖定製

精心設計的獨特插圖，可以為企業品牌創造印象深刻的故事。

5.3 故事性

有故事性的產品包裝可以激發用戶的產品購買慾望，包裝上的字體、圖形、以及包裝材質，會聯動帶來影響。

左：Chad Roberts The Preservatory

右：Cubic Orange, Vladimir Guskic , Fernanda Costa CBD Coffee - Branding & Packaging

5.4 互動性包裝

Smart Packaging正在創造新的體驗，使客戶能夠與產品互動，從而建立品牌知名度。從QR代碼到AR體驗，這些只是創建「智能技術」包裝的一些想法。互動包裝受技術的影響很大，大多數新產品都圍繞著智慧型手機進行交互。

左：Pepsi

右：Enterfun _officialENERGY TUBE HAND WARMER

5.5 3D列印包裝

隨著3D印表機的出現，具有不尋常形狀的包裝也開始出現了。設計師可以自由發揮自己的想像力，印刷具有奇特形狀的包裝。與傳統包裝相比，3D列印出的產品價格仍然很高。

06 趨勢工具

6.1 Substance

Substance是用於3D項目對象創造紋理和材質的應用套件，由Adobe推出，該套件實際上是一個生態系統，面向設計師，創作者和插畫家。Substance Designer更多地用於創建圖塊，動態和模塊化紋理。它通常用於創建基礎材料庫，其中的材料可用於其他應用程式，例如Substance Painter。