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