設(shè)計網(wǎng)站Behance發(fā)布了2020年最新的設(shè)計趨勢,最為重要的趨勢與技術(shù)相關(guān)聯(lián),包括技術(shù)的發(fā)展以及它們是如何影響設(shè)計的。
2020年主要趨勢
動態(tài)設(shè)計與動畫
對于2020年,認為動態(tài)設(shè)計是主要趨勢,因為在所有設(shè)計領(lǐng)域都會遇到動畫,小到交互、LOGO、UI,都在發(fā)生變化。動畫逐漸發(fā)展到現(xiàn)代世界的方方面面,相比較而言,文字不再像以前一樣吸引人。
正確的使用動態(tài)設(shè)計可以將各類信息更快更好地傳給用戶。
主要從以下幾個方面解析~
1.UI/UX用戶界面/用戶體驗
2.Illustrations插畫
3.Motion Graphics動態(tài)設(shè)計
4.Graphic Design平面設(shè)計
5.Trends based on Technology基于技術(shù)的趨勢
6.Packaging包裝
7.Typography字體排版設(shè)計
8.Trending Tools流行軟件
1.UI/UX
用戶界面/用戶體驗家
1.1夜間模式(Android Q和iOS 13)
夜間模式是2020年的新趨勢,Android推出來兩種類型的夜間模式,分別稱為“Force Dark mode”和“System Dark mod”。微軟在谷歌之前通過其電子郵件應(yīng)用中展示了夜間模式,但谷歌也很快的推出了適用于Android 10的Gmail夜間模式。
隨著這一更新的發(fā)布,許多設(shè)計師將在他們的應(yīng)用或網(wǎng)站中使用夜間模式,所以預(yù)計在未來的一年里會看到越來越多的夜間模式。
1.2大膽的顏色
在過去的兩年中,鮮艷的色彩已成為重要的趨勢。大膽的色彩豐富,明亮,甚至極富活力。它們可以是主要色調(diào)亦或是或次要色調(diào)。
1.3 UI中的插圖
近年來,插圖一直是設(shè)計中最強勁的趨勢之一。插圖是對概念的直觀解釋,可以讓用戶更好地理解產(chǎn)品背后的想法。當然,插畫不僅僅讓概念更具創(chuàng)意,還可以更加直觀的傳達信息。
1.4敘事性
設(shè)計中講故事可以幫助用戶在平臺的體驗盡可能輕松和流暢。一個好的故事可以幫助用戶更輕松地了解產(chǎn)品。為了講述一個故事,我們可以使用一個特別創(chuàng)建的角色,將這個角色賦予他個性,設(shè)計一個故事和一個沖突,最終由我們的產(chǎn)品(UI設(shè)計)解決問題。這是產(chǎn)品設(shè)計中講故事的基礎(chǔ)。講故事在UI和UX中都被使用,并且原則相同,但實現(xiàn)方式有所不同。
1.5動態(tài)圖形和微交互
正如我們所說,動態(tài)圖形是今年的趨勢,它在UI設(shè)計中表現(xiàn)突出,為插圖增添了力量,使創(chuàng)意更易于吸收并保留在用戶的記憶中。
微交互最早出現(xiàn)在2018年,至今仍值得關(guān)注。它們是UI設(shè)計中極其重要的趨勢,決定了一個應(yīng)用或網(wǎng)站是基本的還是特殊的區(qū)別。微交互在使用戶了解系統(tǒng)的工作原理并引導其獲得更好的體驗方面起著至關(guān)重要的作用。
1.6用戶界面中的視頻
到2020年,信息必須非??斓氐竭_用戶手中,最好的方式是通過視頻內(nèi)容來完成。無論你選擇通過動畫或電影來解釋產(chǎn)品,視頻內(nèi)容對于任何網(wǎng)站或應(yīng)用程序都是必不可少的。
1.7功能
UI設(shè)計中的一個重要部分是功能,即根據(jù)其目的和功能選擇每個元素。許多人認為你必須在設(shè)計和功能之間進行選擇,但是在新技術(shù)的幫助下,這兩種技術(shù)可以很好地融合在一起并相互補充。設(shè)計負責引起對站點或應(yīng)用程序的注意,其功能使體驗變得更輕松。它使用戶可以更快地找到信息。
1.8注意細節(jié)
在UI設(shè)計中,注重細節(jié)是非常重要的。從按鈕、圖標、加載到導航,這些小細節(jié)構(gòu)成了一個優(yōu)秀的設(shè)計。隨著新技術(shù)的出現(xiàn),我們在UI中必須注意的細節(jié)始終在變化。
明年我們會看到越來越少的按鈕,更多的基于手勢的導航。例如,Android的一個主要導航按鈕“返回”,將在Android 10中正式消失。
1.9漸變
近年來,我們一直在談?wù)撛O(shè)計中的漸變,這種趨勢在2020年將繼續(xù)保持。鮮艷的色彩是成功漸變的完美選擇。它們可以用于按鈕,圖標,插圖,甚至用于排版。
2.Illustrations
插畫
2.1角色設(shè)計
角色設(shè)計包括定義一個支持整個概念的角色。最重要的是,通過繪圖,設(shè)計師向角色灌輸了強烈的個性。在應(yīng)用程序或網(wǎng)站中遇到的虛擬助手是角色設(shè)計的一個很好的例子。
2.2紋理
插圖和紋理很好地結(jié)合在一起,可以創(chuàng)造出令人難忘的構(gòu)圖。從粒狀紋理到預(yù)制的筆觸,你可以找到許多想法來為插圖添加紋理,也可以手動創(chuàng)建它們。瀏覽網(wǎng)絡(luò)時,你可以找到許多肌理和預(yù)先制作的畫筆和工具,可以在你的插畫中使用。
2.3精細描邊平面插圖
在過去的幾年中,平面插圖隨處可見。但現(xiàn)在有了一個新的組成部分:對每個元素應(yīng)用細線。大多數(shù)藝術(shù)家都選擇使用細的黑色筆觸,但也可以將其上色,顏色要比目標物體的顏色深。
2.4等軸插圖
是的,等軸插圖依然流行。它們主要應(yīng)用在UI設(shè)計中。隨著人們對加密貨幣興趣的增加,這一趨勢開始顯現(xiàn),在2019年時這種趨勢得到了發(fā)展,現(xiàn)在它開始漸漸出現(xiàn)在其他業(yè)務(wù)領(lǐng)域了。
2.5 3D
隨著越來越多軟件和工具的出現(xiàn),3d渲染已逐漸發(fā)生變化。3D插圖非常受歡迎,相比于2D插圖,它提供了更逼真的圖像。
2.6強烈的色彩
強烈的顏色非常適合插圖。它們營造出歡樂的氛圍,使角色脫穎而出,并在圖像背后展現(xiàn)故事。
3.Motion Graphics
動態(tài)設(shè)計
3.1 3D視頻
在2020年,我們無法想象沒有3D動畫。它打開了想象力的世界大門。我們可以在廣告,電影,游戲等任何一個領(lǐng)域中找到3d。
3.2視頻+動畫插圖(混合媒體)
拍攝的視頻,動畫插圖以及有時是靜止的照片,結(jié)合可以產(chǎn)生非凡的效果。2d或3d插圖可創(chuàng)建令人難忘的視頻,從線條動畫到3D真實人物甚至是現(xiàn)實生活中不存在的復(fù)雜視覺效果。
3.3 2D動畫-說明性視頻
2D動畫專注于創(chuàng)建故事和角色,并在創(chuàng)作過程中使用矢量。當您想要廣告或產(chǎn)品的說明性視頻時,2D可能是理想的選擇。在一個總是忙碌而又沒有時間閱讀的世界中,說明性視頻對于任何網(wǎng)站都是必不可少的。
3.4動畫LOGO
動畫作為2020年的“必備”,為了保持競爭力,我們還必須將它們集成到LOGO設(shè)計中。許多公司已開始對其LOGO進行動畫處理,以引起人們的注意。這也是LOGO設(shè)計的主要趨勢。
3.5混合動畫,2D+3D
這一趨勢不是一個新趨勢,但絕對值得一提?;旌蟿赢嬀褪鞘褂脼榇藙?chuàng)建的特定軟件將2D與3D結(jié)合在一起。
4.Graphic Design
好用的模版盡在管家平面設(shè)計
4.1平面設(shè)計中的3D
盡管2d壟斷了設(shè)計的這一分支,但3d可以為最終概念添加額外的內(nèi)容。3d渲染可以采用插圖,動畫或字體的形式。
4.2雙色
“少即使多“可以完美描述這一趨勢,設(shè)計師創(chuàng)造出大膽的元素,帶有優(yōu)雅的觸感和強烈的對比。這種趨勢是創(chuàng)造一個更容易接近的印刷的完美選擇,因為某些技術(shù)印刷更多顏色成本會增加。
4.3視知覺藝術(shù)
視知覺藝術(shù)作品是抽象的,有許多知名的黑白作品。通常,它們給觀看者留下動感,隱藏的圖像,閃爍和振動的圖案或腫脹或翹曲的印象。(來源:wikipedia.org)。
這種趨勢給人的印象是動態(tài)的,但卻是靜態(tài)的。如果要實現(xiàn)在印刷海報中移動圖形的想法,這是最合適的方法。
4.4平面設(shè)計中的插圖
插圖在設(shè)計的所有領(lǐng)域都非常重要,因此我們在圖形設(shè)計中也可以找到它們。2D插圖在現(xiàn)在已經(jīng)流行了幾年,并且即使在2020年,也將繼續(xù)成為設(shè)計師的最愛。
4.5動畫海報
動畫無處不在,我們在設(shè)計的各個領(lǐng)域都可以找到它們,當然它們也存在于數(shù)字海報中。動畫可以將2D與3D混合在一起,效果非常棒。
4.6復(fù)古合成風
復(fù)古合成風是在80年代出現(xiàn)的趨勢,但在好萊塢開始發(fā)行該十年的電影后便開始重新出現(xiàn)。隨著著Stranger Things系列的成功,這一潮流再次開始流行。
4.7瑞士設(shè)計,達達主義,包豪斯
20世紀最重要的圖形設(shè)計運動始終是最優(yōu)秀的設(shè)計師的靈感來源。這些樣式值得一提,因為它們始終是最新的,遵循它們所施加的規(guī)則幾乎不可能在設(shè)計中犯錯誤。總的來說,這些運動強調(diào)版式,無襯線字體,幾何形狀,簡單的線條,體積和顏色。
4.8大面積的彩色空間
大面積的彩色空間將在明年成為非常流行的趨勢。它們與大膽的字體搭配使用,可以在圖形設(shè)計,產(chǎn)品設(shè)計以及ui中找到。
4.9超極簡主義
極簡主義的設(shè)計僅使用必需品,非常有限的調(diào)色板和簡單的形狀來打造難忘的元素,使所有設(shè)計項目都有目的。要創(chuàng)建超極簡主義的設(shè)計,你需要使用盡可能多的白色/負空間,簡單的配色方案和一些基本的幾何形狀。
5.Trends based on Technology
好基于技術(shù)的趨勢
技術(shù)通過智能設(shè)備和嶄新的理念正在徹底改變我們的生活。這些新技術(shù)使設(shè)計師已經(jīng)開發(fā)出進入當前趨勢的新功能。人工智能,機器學習,虛擬現(xiàn)實和增強現(xiàn)實正在影響設(shè)計師的思維方式和創(chuàng)作方式。
5.1AR應(yīng)用程序
隨著蘋果和谷歌推出自己的AR開發(fā)平臺ARKit和ARCore,整個世界將面向AR技術(shù)。
許多大品牌已經(jīng)在其應(yīng)用程序中采用了這項技術(shù),而那些尚未采用這種技術(shù)的公司必須認真考慮如何使用戶在這種新現(xiàn)實中與之交互。
有幾種AR交互可以應(yīng)用在程序中。第一個是體現(xiàn)在手機屏幕中,另一種是與用戶周圍的環(huán)境結(jié)合。最常用的交互之一是當UI與對象相關(guān)并通過掃描特定項來觸發(fā)它時。這個動作將一個數(shù)字動畫連接到一個特殊的“標記”上。
這里有兩種AR交互是能被設(shè)計在直觀的程序中。第一種是呈現(xiàn)在你的手機屏幕上,另一種是AR UI與用戶周圍環(huán)境相關(guān)聯(lián)時。
5.2人工智能、機器學習、聊天機器人和虛擬助手
聊天機器人是一種通過聽覺或文本方法進行對話的軟件。此類程序經(jīng)常被設(shè)計用來模擬人類作為會話伙伴的行為,盡管截至2019年,它們?nèi)赃h遠不能通過圖靈測試。[2]資料來源:維基百科
人們還不習慣與AI對話,因此設(shè)計師(和開發(fā)人員)的工作很大一部分是使流程簡單并建立信任。他們需要幫助人們了解系統(tǒng)可以做什么以及如何使用它。
使用AIML(人工智能標記語言)設(shè)計和編寫腳本聊天機器人,是出色的UX設(shè)計人員的魅力所在。
大多數(shù)公司都會使用聊天機器人作為助手來為用戶解決問題。以下是一些在其UI設(shè)計中使用聊天機器人的品牌:Spotify,星巴克,萬事達卡,絲芙蘭,Lyft,必勝客。
5.3 VR
大多數(shù)人將VR與游戲行業(yè)聯(lián)系在一起,但是隨著所有大型科技公司開發(fā)VR套件和應(yīng)用程序,可以肯定地說,我們將發(fā)現(xiàn)使用和享受這項技術(shù)的新方法。VR已經(jīng)用于教育,醫(yī)療保健,旅游,房地產(chǎn)或建筑。
5.4語音用戶界面(VUI)
語音用戶界面(VUI)使用語音識別來理解語音命令和問題,通常是文本到語音以播放答復(fù),從而使語音與計算機的人機交互成為可能。語音命令設(shè)備(VCD)是受語音用戶界面控制的設(shè)備。
去年,使用互聯(lián)網(wǎng)連接的設(shè)備的人中有40%每月至少使用一次語音助手,與去年相比,這一數(shù)字增加了10%。
6.Packaging
包裝
6.1包裝中的圖案
在過飽和的包裝市場中,很難創(chuàng)造出可以脫穎而出的新產(chǎn)品,因此設(shè)計師要回到根源并創(chuàng)造出使產(chǎn)品在擁擠的零售貨架上脫穎而出的樣式。幾何,花卉,浪漫或單色圖案是任何產(chǎn)品包裝的大膽選擇。
6.2包裝插圖
插圖一直是包裝設(shè)計中的重要元素。通過他們,我們可以講述一個故事,使目標受眾可以更好地理解該概念背后的歷史。平面插圖已經(jīng)存在了數(shù)十年,并且很可能會一直處于流行趨勢。
6.3空白
極簡主義是設(shè)計的基本原則,它放棄了設(shè)計中不需要的所有內(nèi)容,并用負空間代替了它。這種趨勢將功能帶到了最前沿,并專注于簡潔的設(shè)計,使版式脫穎而出。
6.4單色和雙色
首先,在調(diào)色板中僅使用1或2個色調(diào)似乎有些限制,但它們可以創(chuàng)建非常強烈的視覺識別感。僅使用一種或兩種顏色,就可以保持簡約的外觀,放棄所有多余的東西。結(jié)果是精美,高雅的產(chǎn)品。
6.5大膽的配色
大膽的顏色和漸變?nèi)匀皇欠浅娏业内厔?,這種趨勢將持續(xù)到2020年。使用這些顏色,可以創(chuàng)建令人難忘的產(chǎn)品。
6.6注意細節(jié)(受新藝術(shù)風格啟發(fā))
注重細節(jié)的包裝比以往任何時候都更受歡迎。設(shè)計師選擇這種趨勢是因為它賦予了產(chǎn)品真實性。這種趨勢使我們以現(xiàn)代方式思考經(jīng)典。
6.7包裝中的講故事
到2020年,品牌將不得不重新考慮其產(chǎn)品和包裝。品牌必須講述一個故事,以幫助客戶體驗產(chǎn)品的本質(zhì)。這可以通過為包裝創(chuàng)建視覺和敘述身份來實現(xiàn)。
7.Typography
字體排版設(shè)計
7.1粗體
粗體是設(shè)計中的重要趨勢,它取代了圖像作為主要元素。粗體排版可以在網(wǎng)頁設(shè)計和圖形設(shè)計中發(fā)揮作用。
7.2小寫
越來越多的應(yīng)用程序使用完全小寫的文本,非常易于閱讀,并且完美地融入了簡約和現(xiàn)代的設(shè)計中。
7.3自定義字體
盡管自定義字體沒有什么新意,但我們將看到這種趨勢越來越多地出現(xiàn)在設(shè)計中,尤其是在徽標和海報中。這種做法在大品牌中更常見,因為生產(chǎn)專用字體可能會非常昂貴,但是設(shè)計人員可以對現(xiàn)有字體進行少量調(diào)整,結(jié)果可能會非常獨特。
7.4動態(tài)字體設(shè)計
就像我們說的那樣,動畫在設(shè)計中無處不在,因此在排版中也很常見。動態(tài)字體使用小而簡單的交互作用來移動和移動屏幕上的字體。這種簡單的技術(shù)可以處理文本并創(chuàng)建最終產(chǎn)品。
7.5堆疊字體
堆疊文本可能是一種現(xiàn)代化的解決方案,可以吸引你注意基本信息。我們可以在網(wǎng)頁設(shè)計,應(yīng)用程序設(shè)計和圖形設(shè)計中看到這種趨勢。
8.Trending Tools
流行軟件
8.1 Adobe Spark
Adobe Spark是Adobe Systems開發(fā)的用于移動和Web的媒體創(chuàng)建應(yīng)用程序的集成套件。它包含三個獨立的設(shè)計應(yīng)用程序:Spark Page,Spark Post和Spark Video。
他的免費Adobe Spark Web應(yīng)用程序可與Spark Page,Spark Post和Spark Video iOS移動應(yīng)用程序同步,從而使用戶可以從任何設(shè)備創(chuàng)建,編輯和共享其視覺故事。
這三個設(shè)計應(yīng)用程序允許用戶創(chuàng)建和設(shè)計可用于企業(yè),教育,社交媒體營銷人員等的視覺內(nèi)容。Spark Gallery突出顯示了使用該應(yīng)用程序的人們所做的不同項目。使用這三個應(yīng)用程序時,用戶可以導入圖片或搜索圖片。
8.2 Procreate
Procreate是由Savage Interactive針對iOS開發(fā)和發(fā)布的數(shù)碼繪圖app。針對iPad的藝術(shù)可能性而設(shè)計,并且適合從初學者到專業(yè)人士的藝術(shù)家。
它提供130多種逼真的畫筆,多層,混合模式,蒙版,過程視頻的4K分辨率導出,自動保存以及許多其他經(jīng)典和原始的數(shù)字藝術(shù)工具。(來源:Wikipedia)Procreate是2018年App Store上最暢銷的應(yīng)用程序。
8.3 Adobe XD
Adobe XD是由Adobe Inc開發(fā)和發(fā)布的用于Web應(yīng)用程序和移動應(yīng)用程序的基于矢量的用戶體驗設(shè)計工具。它適用于macOS和Windows,盡管有適用于iOS和Android的版本可幫助直接在移動設(shè)備上預(yù)覽工作結(jié)果。XD支持網(wǎng)站線框圖,并創(chuàng)建簡單的交互式點擊型原型。
文章來源:Behance作者:Milo Themes
原文鏈接:
https://www.behance.net/gallery/86124977/2020-Design-Trends