Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

趨勢(shì)總體來(lái)說(shuō)還是跟著技術(shù)走的。以前 2G、3G 網(wǎng)絡(luò)受限于傳輸速度,那時(shí)候流行的是像素設(shè)計(jì),然后慢慢的支持更大的圖片,到現(xiàn)在 3D 設(shè)計(jì)、視頻動(dòng)畫(huà)設(shè)計(jì)流行起來(lái),這背后很多都是依賴(lài)于技術(shù)的升級(jí),硬件的升級(jí)才得以落地。

所以看待設(shè)計(jì)趨勢(shì),不應(yīng)該只受限于設(shè)計(jì)領(lǐng)域,平時(shí)多看看設(shè)計(jì)之外,比如技術(shù)趨勢(shì),硬件趨勢(shì)都可能給設(shè)計(jì)帶來(lái)靈感。多留心觀(guān)察,擴(kuò)展自己的視野,說(shuō)不定你也能成為下一個(gè)趨勢(shì)的弄潮兒。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

這是我們連續(xù) 5 年針對(duì)未來(lái)設(shè)計(jì)趨勢(shì)發(fā)布預(yù)測(cè)了。在過(guò)去幾年中,我們獲得了非常多積極的反饋,這不斷激勵(lì)我們?cè)谠O(shè)計(jì)領(lǐng)域發(fā)現(xiàn)和探索設(shè)計(jì)的新趨勢(shì)。雖然大多數(shù)趨勢(shì)都是過(guò)去一年就已經(jīng)形成的,但在 2020 年,我們還是會(huì)有一些值得追求的新趨勢(shì)。

設(shè)計(jì)趨勢(shì)往往會(huì)隨著技術(shù)的升級(jí)而改變。

話(huà)不多說(shuō),讓我們一起探索最新最復(fù)雜的 2020 年設(shè)計(jì)趨勢(shì)吧!

動(dòng)效設(shè)計(jì)和動(dòng)畫(huà)設(shè)計(jì)

彩云注:這個(gè)標(biāo)題原文是 Motion 和? Animations ,我相信很多人可能會(huì)分不清,我在這里解釋一下。Motion 我翻譯為動(dòng)效,比如 Loading 動(dòng)畫(huà),沒(méi)有任何故事性的設(shè)計(jì);而 Animations 我翻譯為動(dòng)畫(huà),類(lèi)似于動(dòng)畫(huà)片,是有故事性的。

在 2020 年,我們認(rèn)為動(dòng)效設(shè)計(jì)會(huì)是主要趨勢(shì),因?yàn)樵趲缀跛械脑O(shè)計(jì)領(lǐng)域都能用到動(dòng)效,從微動(dòng)效到 Logo 和 UI,一切都在動(dòng)。動(dòng)畫(huà)內(nèi)容正在進(jìn)入一個(gè)全新世界,在這個(gè)世界里,純文字內(nèi)容不再像以前那樣吸引人了。

正確的動(dòng)效設(shè)計(jì)可以使信息更快更準(zhǔn)確的傳達(dá)給受眾。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01.theQoos Brand Illustration by Min kyung ;02. Legion Season 3 by Nick Scarcella ;03. Solvent - Making Cannabis Banking Open by BluBlu Studios ;04 Cloud services(animated icons)by Alexander Baleev ;05. VIRAL by Ambre Collective , Thibault ZELLER , Jonathan Plesel ;06. UXC_Design2020_Project Research by Donerzozo

UI/UX

1. 深色模式(android Q and iOS 13)

深色模式會(huì)成為 2020 年的新趨勢(shì),Android 推出了兩種深色模式,分別叫 Force Dark Mode 和 System Dark Mode。微軟搶在谷歌之前在他們的郵件應(yīng)用中首先更新了深色模式,谷歌緊隨其后,也在他們的 Android 10 中的郵件應(yīng)用 Gmail 中跟進(jìn)了這個(gè)模式。

隨著這一波更新的發(fā)布,許多設(shè)計(jì)師將會(huì)選擇在他們的設(shè)計(jì)中使用這一模式,所以預(yù)計(jì)在未來(lái)的一年里會(huì)看到越來(lái)越多的深色模式。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

2. 大膽的配色

大膽鮮艷的配色在最近兩年成為了一種很重要的趨勢(shì),在 2020 年這一趨勢(shì)將會(huì)繼續(xù)。這些顏色豐富,明亮,充滿(mǎn)活力。他們既可以作為主色也可以作為輔色。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. EMART UX/UI RENEWA by Plus X, Lee boram , Sabum Byun , Hee Jung, Youjin Jeon , ? ??, Bongho Choi 02 NSH by Sofiya Fedotova 03. Eldorado Casino - Mobile Web UI, App U by Loredana Papp-Dinea, Mihai Baldean , Milo Themes 04. mmcité+ website by Studio 9 Zlín, Pavel Valek 05. The Automated Hack Series #21-25 by Andrea Hock 06. Flipd app by Estudio Pum

3. 更多的插畫(huà)被應(yīng)用在UI中

最近幾年來(lái),插畫(huà)設(shè)計(jì)一直是設(shè)計(jì)領(lǐng)域中最熱的趨勢(shì)之一。插畫(huà)是一種很好的視覺(jué)符號(hào)來(lái)幫助用戶(hù)理解產(chǎn)品背后的故事,配上一些好的創(chuàng)意概念,使得信息傳達(dá)得更快。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. raken Redesign by Sylvain Theyssens , Antonin Collard 02. Reliefy - Medical Project by Marcin Pankiewicz Gorzów , Mi?osz Po?arkowski 03. ABUK: Book Covers Design for Audiobook Store by Sergey Valiukh, Tubik Studio 04. Illustration System for GOL by Estudio Pum 05. Smart Home App - IOS by Maria Osadcha 06. Skilling Trading(skilling.com) - Loredana Papp-Dinea , Mihai Baldean

4. 更多的故事性

故事,能幫助用戶(hù)在產(chǎn)品的使用過(guò)程中,獲得盡可能簡(jiǎn)單和流暢的體驗(yàn)。一個(gè)好的故事更容易幫助用戶(hù)理解產(chǎn)品。為了把故事講好,我們可以創(chuàng)造出一個(gè)品牌人物,賦予他人格,為他制造一些故事和沖突,最終幫助我們解決產(chǎn)品問(wèn)題。這是在產(chǎn)品設(shè)計(jì)中講好故事的基礎(chǔ),至于講故事的方式,在 UI 和 UX 中都有使用,原理一樣只是落地方式不同。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01.YOGO - Trip Planner App by Julie Truong 02. UX/UI | Food delivery app by Konstantin Seredkin 03. cooc by cuneyt sen

5. 更多的微交互動(dòng)效

正如我們所說(shuō),動(dòng)效是今年的趨勢(shì),在 UI 中的表現(xiàn)尤為突出,也能為插畫(huà)增加豐富的細(xì)節(jié),強(qiáng)化信息傳達(dá),提升記憶點(diǎn)。

微交互的概念最早出現(xiàn)在 2018 年,但這是一個(gè)值得在 2020 年關(guān)注的趨勢(shì)。它們是 UI 設(shè)計(jì)中一個(gè)極其重要的趨勢(shì),決定了一個(gè) App 或網(wǎng)站是普通還是優(yōu)秀的區(qū)別。微交互在讓用戶(hù)理解系統(tǒng)如何工作,并引導(dǎo)其獲得更好的體驗(yàn)方面扮演著非常重要的角色。

如果你是一位 UI 設(shè)計(jì)師但還不會(huì)在工作中用微交互,我們建議你趕緊學(xué)起來(lái),因?yàn)樵?2020 年的 UI 設(shè)計(jì)工作中,缺少了微動(dòng)效,整個(gè)產(chǎn)品都會(huì)黯然失色。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. UI/UX | Smart Pharmacy app by Anastasia M, Sergey Nikonenko UX 02. Climate & Animals: Extinction Crisis Website UI/UX by Daniel Tan, Daphnie Loong 03. Flying Veggies by Patricia Reiners 04. UKRPOSHTA. Mobile app of Ukraine's national post by Ilona Kim 05.Alarm App for the Deaf by Tagir Tikeev

6. 應(yīng)用視頻到UI中

在 2020 年,信息的觸達(dá)將會(huì)變得更快,而視頻是最好的載體。無(wú)論是選擇通過(guò)動(dòng)畫(huà)還是電影的方式來(lái)推廣產(chǎn)品,視頻都是任何網(wǎng)站或應(yīng)用所必須具備的。

△ Pockee – a family banking app by Adam Zielonko , Toto Castiglione , Wiktor Pó?torak , Iryna Korshak , Netguru Team , Maciej Dyjak

7. 關(guān)注功能性

UI 設(shè)計(jì)中很重要的一個(gè)部分就是其功能性。每一個(gè)元素的設(shè)計(jì)都是基于它的目的和功能。很多人認(rèn)為在設(shè)計(jì)過(guò)程中,對(duì)于視覺(jué)和功能只能二選一,但是隨著技術(shù)的發(fā)展,兩者可以很好的兼顧到。設(shè)計(jì)是為了讓網(wǎng)站或應(yīng)用引起用戶(hù)的注意,而功能是為了讓體驗(yàn)變得容易,目的是為了讓用戶(hù)更快的找到自己想要的信息。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ Skilling Trading(skilling.com)- Loredana Papp-Dinea , Mihai Baldean

8. 追求極致細(xì)節(jié)

高度關(guān)注細(xì)節(jié)對(duì)于 UI 設(shè)計(jì)來(lái)說(shuō)非常重要。從每一個(gè)按鈕,圖標(biāo),Loading,導(dǎo)航,以及任何一處小的細(xì)節(jié)都需要做到極致設(shè)計(jì)。我們?cè)?UI 中需要注意的細(xì)節(jié),總是隨著新技術(shù)的出現(xiàn)而發(fā)生變化。

明年我們會(huì)看到越來(lái)越少的按鈕,更多的基于手勢(shì)的導(dǎo)航。例如,Android 的一個(gè)主要導(dǎo)航按鈕「返回」,將會(huì)在 Android 10 中正式消失。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ FLYR Visual Identity and Marketing Website by Ramotion

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ Alarm App for the Deaf by Tagir Tikeev

9. 漸變

近些年,我們一直在說(shuō)漸變,這個(gè)趨勢(shì)在 2020 年會(huì)愈演愈烈,值得大家關(guān)注。那些鮮艷的顏色是最合適拿來(lái)作為漸變了,這些配色方案可以用在按鈕,圖標(biāo),插畫(huà)甚至是文字中。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01.Wavecut - IOS Application by Eleken Agency 02. Product design(UX/UI)- anti-depression app by Anna Arutiunian 03.Paul Ilea - Film Score Composer, Producer, DJ, Perfomer by Loredana Papp-Dinea , Mihai Baldean , Milo Themes 04. ITEXIA by Nextpage Agency , Alex Seagull , Jegor Walowski

插畫(huà)

1. 角色

角色設(shè)計(jì)包括需要定義出符合整個(gè)品牌概念的形象。這其中最重要的事情是,通過(guò)插畫(huà),設(shè)計(jì)師需要給角色注入強(qiáng)烈的個(gè)性特征。當(dāng)你在 App 或網(wǎng)站中遇到虛擬助理就是角色設(shè)計(jì)的一個(gè)很好的例子。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Newly Tiny Things ? Children's Picture Book by Vuon Illustration, Vinh Nguyen, Rong Pham 02. Adobe x Createfulness by Ma?té Franchi, Matthieu Tarwane 03. 3D Characters V2 by Antonio Petit Cwirko 04. Malayali by Danny Jose

2. 紋理

插畫(huà)和紋理是一對(duì)非常棒的組合,能夠創(chuàng)造出令人難忘的畫(huà)面。你可以自己制作筆刷,也可以在素材網(wǎng)站上找到非常多的紋理和筆刷預(yù)設(shè),能很方便地把你很多的創(chuàng)意想法和圖案紋理加入插畫(huà)中。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. JDE - Common Grounds by Marianna Tomaselli 02. Japan by 飯 太稀

3. 扁平描邊插畫(huà)

在過(guò)去幾年,扁平插畫(huà)幾乎無(wú)處不在,這個(gè)趨勢(shì)將會(huì)繼續(xù),但是會(huì)有一些新的變化:在每一個(gè)元素上會(huì)畫(huà)上一條細(xì)的描邊。大多數(shù)設(shè)計(jì)師習(xí)慣使用一條黑色的細(xì)線(xiàn)描邊,但其實(shí)也可以用其他顏色,顏色要比插畫(huà)主色深一些。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. BILLY KENNY - just came for the music by SANGHO BANG 02. Babelia - Lecturas para verano by Miguel ángel Camprubí 03. Boxing Cat - First Blood by Felms 04. COUSCOUS STUDIO | EXPLAINER VIDEO by khaled abdelaziz

4. 軸側(cè)圖

軸測(cè)圖(也叫2.5D)依然會(huì)流行,主要應(yīng)用于 UI 設(shè)計(jì)。這一趨勢(shì)發(fā)跡于虛擬貨幣領(lǐng)域,但在 2019 年得到了充分的發(fā)展,現(xiàn)在已經(jīng)被廣泛的應(yīng)用到其他領(lǐng)域。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Cyberpunk City by ONJO _ 02. FastCompany - Isometric Numbers by Artur Tenczynski 03 & 05. ISOTYPE by Mario De Meyer 04. Slack illustrations by Jing Zhang

5. 3D

隨著越來(lái)越高效的軟件和工具的出現(xiàn),3D 渲染也逐漸產(chǎn)生了變化。3D 元素已經(jīng)開(kāi)始變得越來(lái)越受歡迎,因?yàn)榕c 2D 不同,它提供了更為逼真的效果。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Games Casas Bahia by Miagui 02. Balance by Cabeza Patata Studio 03. Castle Crashers by Mohamed Chahin 04. Eyoo family 3D illustration by Baianat 05. Personal Illustrations Vol 1 by Pablo Marín 06. A Person Travel by 亂 Elaine

6. 超大膽的顏色

大膽的配色給插畫(huà)提供了強(qiáng)大的表現(xiàn)力。這些顏色能營(yíng)造出活潑的氛圍,使人物脫穎而出,在背景上也給人以豐富的想象力。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Mural for STRTFD Coffee in Moscow by Masha Shishova 02. Twitter - Mobile Internet Mind by Leo Natsume 03. Coca-Cola Sleek Cans Illustrations by Tania Yakunova

動(dòng)態(tài)圖形

1. 3D視頻

在 2020 年,很難想象做動(dòng)態(tài)視頻不用到 3D 技術(shù)。這種設(shè)計(jì)形式仿佛像打開(kāi)了新世界的大門(mén),只怕想不到,沒(méi)有做不到。我們可以在商業(yè)廣告,電影,游戲和更多的領(lǐng)域中找到 3D 設(shè)計(jì)。

△ Cyberpunk City by ONJO _ , Visual Design Art S

△ States of Matter #3: Montage by Juan García Segura

2. 視頻+動(dòng)畫(huà)插圖(也叫混合媒體)

拍攝的視頻,生動(dòng)的插圖,還有靜止的照片,把這些結(jié)合在一起會(huì)產(chǎn)生意想不到的驚喜。2D 或 3D 插圖能夠創(chuàng)造出令人難忘的視頻,從幾條線(xiàn)的動(dòng)畫(huà)到 3D 中的真實(shí)人物,甚至是現(xiàn)實(shí)生活中并不存在的復(fù)雜視覺(jué)效果。

△ Coppel / Back to school by Plenty Studio

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ PWR by Ana Hoxha, Edvina Meta

3. 2D動(dòng)畫(huà)——介紹性視頻

2D動(dòng)畫(huà)聚焦于創(chuàng)作故事和角色,并以矢量形式居多。當(dāng)想要為一個(gè)活動(dòng)或產(chǎn)品做介紹性視頻時(shí),2D是一個(gè)完美的選擇。在一個(gè)忙碌,沒(méi)有時(shí)間閱讀的世界里,介紹性視頻是任何網(wǎng)站的必備品。

△ Freelive by Studio Infografika, Sergey Sadowski, Anastasia Alterka, Arsentiy Lesnik, Yuriy Armstrong, Arin Good, George Vald, Maxim Tleubaev

△ ESN - Railway Package by Andres Hertsens, Squarefish Studio

4. 動(dòng)態(tài)Logo

前面說(shuō)了那么多,你應(yīng)該明白動(dòng)畫(huà)在 2020 年是必須要有了,為了保持競(jìng)爭(zhēng)力,我們也需要把它們整合到 Logo 設(shè)計(jì)中。許多公司已經(jīng)開(kāi)始運(yùn)用動(dòng)態(tài) Logo 演繹來(lái)吸引用戶(hù)的關(guān)注。這是 Logo 設(shè)計(jì)的一個(gè)主要趨勢(shì)。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ Cuppa by Victoria Ng 02 - 07. Motion Beast ? Logomachine. Logo animations by Motion Design School, Víctor Villamarín , Bogdan Dumitriu , Logomachine .net , Alexander Kuznetsov , Zack Lee , Denys Siurin , Stanislav Marchenko , Lizaveta Tsareva , Supremus Levenus , Anton Fomin , Emile Khafizov, Ach Hadda

5. 2D與3D的混合動(dòng)畫(huà)

這種趨勢(shì)并不新鮮,但絕對(duì)值得一提。通過(guò)一整套軟件流程,將 2D 與 3D 的動(dòng)畫(huà)結(jié)合到了一起。(彩云注:比如可以用c4d+ae組合的軟件制作流程)

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ Olof Storm Channel On Youtube

平面設(shè)計(jì)

1. 在平面設(shè)計(jì)中運(yùn)用3D元素

雖然在平面設(shè)計(jì)領(lǐng)域主要是用 2D 元素來(lái)呈現(xiàn)的,但 3D 元素的加入可以為畫(huà)面增加了更多的視覺(jué)體驗(yàn)。3D 元素可以是插畫(huà),動(dòng)畫(huà)或者字體等形式。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Portraits by Fernando Domínguez Cózar 02. NASA | Space Age by Studio—JQ ? 03. NASA X BBC | Unnatural World by Studio—JQ ?

2. 雙色

少即是多,這幾個(gè)字非常完美的詮釋了這一趨勢(shì),在其中設(shè)計(jì)師運(yùn)用大膽的元素,優(yōu)雅而又對(duì)比強(qiáng)烈。這種趨勢(shì)非常適合印刷,如果顏色過(guò)多,印刷費(fèi)用和技術(shù)要求也更高。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Winter Open '18 by Kinoto Studio, Romina Rios, Luc Geoffroy 02. Synticate? by Stepan Solodkov 03. TIGER IN A MUSEUM by de_form studio, nora demeczky , eniko deri 04. Lettering Series IX by Rafael Serra

3. 歐普藝術(shù)

歐普藝術(shù)是抽象的,很多著名的作品只有黑白兩色。通常,它們給觀(guān)眾的印象是動(dòng)感,神秘,閃爍或抖動(dòng),膨脹或扭曲的。

這種趨勢(shì)是以靜態(tài)的畫(huà)面,但能給人動(dòng)感的視覺(jué)印象。如果想在印刷海報(bào)中實(shí)現(xiàn)這種「動(dòng)態(tài)圖形」,這是最合適的方法。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01 & 02 Tokyo Blends Film Festival by Mercedes Bazan , Adobe Live 03. Posters — Vol I by Xtian Miller

4. 平面設(shè)計(jì)中應(yīng)用插畫(huà)

插畫(huà)在所有設(shè)計(jì)領(lǐng)域都非常重要,所以平面設(shè)計(jì)中也能表現(xiàn)良好。2D 插畫(huà)在最近幾年極為流行,在 2020 年以后,將繼續(xù)受設(shè)計(jì)師喜愛(ài)。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. NA HELU - PLAKATY by Ewelina G?ska 02. CAT bar and dance club / 2019 by kissmiklos , Eszter Sarah

5. 動(dòng)態(tài)海報(bào)

動(dòng)畫(huà)無(wú)處不在,我們?cè)谠O(shè)計(jì)的各個(gè)領(lǐng)域都能找到它們,在一些線(xiàn)上海報(bào)中也有使用到。動(dòng)畫(huà)混合了 2D 和 3D 元素,效果非常棒。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Festival Metro Metro by Bzoing , Virginie Bédard 02. Failing Windows by Pierre Kleinhouse, Ohad Zivony

6. 復(fù)古科技風(fēng)(賽博朋克)

賽博朋克是 80 年代出現(xiàn)的一種趨勢(shì),但在好萊塢發(fā)行那個(gè)時(shí)代的電影又重新出現(xiàn)。隨著《怪奇物語(yǔ)》系列的成功,這股浪潮又開(kāi)始流行起來(lái)。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Cocktails and dreams by Gjorgji Despodov 02. C I N E M A X by Jeison Barba 03. Stranger Things (Netflix.com)

7. 瑞士平面風(fēng)格,達(dá)達(dá)主義,包豪斯

20 世紀(jì)平面設(shè)計(jì)中最重要的運(yùn)動(dòng)往往是最優(yōu)秀設(shè)計(jì)師的靈感來(lái)源。這些風(fēng)格是值得一提的,因?yàn)樗鼈兪墙?jīng)典的,歷久彌新,遵循它們的規(guī)則幾乎不可能在設(shè)計(jì)中犯錯(cuò)。總的來(lái)說(shuō),這些風(fēng)格強(qiáng)調(diào)版式,無(wú)襯線(xiàn)字體(Helvetica就是在1957年包豪斯時(shí)期設(shè)計(jì)的),幾何圖形,簡(jiǎn)單的線(xiàn)條,體積感和顏色等元素的運(yùn)用。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Swiss poster 01(typography terms)by Mehman Mammedov 02. Yellow Vision vol.3 by Violaine & Jeremy

8. 大面積連續(xù)的色彩空間

大面積連續(xù)的色彩空間將會(huì)在明年大為流行,它們大膽的排版及搭配,可以在平面設(shè)計(jì),產(chǎn)品設(shè)計(jì)以及 UI 中找到。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Synticate? by Stepan Solodkov 02. Havaianas Branded Content by Johann Vernizzi 03. Kekkil?—BVB by Kurppa Hosk

9. 極簡(jiǎn)主義

極簡(jiǎn)主義強(qiáng)調(diào)設(shè)計(jì)只使用必要元素,用簡(jiǎn)單有限的顏色和形狀來(lái)設(shè)計(jì)出一個(gè)難忘的畫(huà)面。放棄任何多余的元素,所有的設(shè)計(jì)內(nèi)容都聚焦于每一個(gè)目的。為了打造出一個(gè)極簡(jiǎn)主義的設(shè)計(jì),需要使用盡可能多的留白,一個(gè)簡(jiǎn)單的配色方案和一些最基本的幾何形狀。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Heim magazine, n.3 by Sasha Yaguza 02. Andrei Gheorghe - DADA - Publishing by moodley brand identity

技術(shù)趨勢(shì)

科技正在用智能設(shè)備和全新的理念給我們的生活帶來(lái)革命性變化。這些新技術(shù)使得設(shè)計(jì)師們已經(jīng)開(kāi)發(fā)出了符合當(dāng)前趨勢(shì)的新功能。人工智能,機(jī)器學(xué)習(xí),虛擬現(xiàn)實(shí)和增強(qiáng)現(xiàn)實(shí)正在影響著設(shè)計(jì)師們的思維方式和創(chuàng)作方式。

1. 增強(qiáng)現(xiàn)實(shí)的移動(dòng)應(yīng)用

隨著蘋(píng)果和谷歌推出的各種 AR 開(kāi)發(fā)平臺(tái),ARKit 和 ARCore,很明顯,整個(gè)世界都將轉(zhuǎn)向增強(qiáng)現(xiàn)實(shí)技術(shù)。

許多大的品牌已經(jīng)開(kāi)始在他們的應(yīng)用中采用這些技術(shù),而那些還沒(méi)有這樣做的,必須認(rèn)真考慮如何讓用戶(hù)體驗(yàn)這種新的交互方式。

有一些 AR 交互形式可以創(chuàng)建非常直觀(guān)的應(yīng)用。第一種是直接把應(yīng)用界面放在手機(jī)內(nèi),另一種是把 AR UI 與周?chē)沫h(huán)境相互關(guān)聯(lián)。最常用的交互之一是當(dāng) UI 與對(duì)象關(guān)聯(lián)并通過(guò)掃描特定的內(nèi)容來(lái)觸發(fā),這個(gè)操作的結(jié)果是把界面中的某一個(gè)元素鏈接到現(xiàn)實(shí)世界中的一個(gè)特殊標(biāo)記上。

有關(guān)更具體的人工智能規(guī)則,可以去閱讀下蘋(píng)果公司編著的規(guī)范,這個(gè)規(guī)范旨在提供身臨其境的體驗(yàn),能將虛擬物體與真實(shí)世界無(wú)縫的融合在一起。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

2. AI,機(jī)器語(yǔ)言,聊天機(jī)器人,虛擬助手

聊天機(jī)器人是一種軟件,它通過(guò)聽(tīng)覺(jué)和文本的方式進(jìn)行交互。這些程序經(jīng)常設(shè)計(jì)成模擬人類(lèi)進(jìn)行對(duì)話(huà),盡管在 2019 年,它們還遠(yuǎn)遠(yuǎn)不能通過(guò)「圖靈測(cè)試」。

人們還不習(xí)慣跟人工智能聊天,所以設(shè)計(jì)師和開(kāi)發(fā)的一大部分工作就是簡(jiǎn)化過(guò)程并建立信任。他們需要幫助人們理解這個(gè)系統(tǒng)可以做什么,以及如何使用。

在 AIML(人工智能標(biāo)記語(yǔ)言)中設(shè)計(jì)和編寫(xiě)機(jī)器人腳本是一個(gè)優(yōu)秀的 UX 設(shè)計(jì)師的魔力之處。

大多數(shù)使用聊天機(jī)器人的公司都選擇用一個(gè)助手來(lái)演示如何面對(duì)人工智能。以下是一些在用戶(hù)界面中使用聊天機(jī)器人的品牌:Spotify、Starbucks、MasterCard、Sephora、Lyft、Pizza Hut。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

3.??VR

大多數(shù)人將 VR 與游戲產(chǎn)業(yè)聯(lián)系在一起,這是有原因的,但當(dāng)所有主要的科技公司都在開(kāi)發(fā) VR 工具包和應(yīng)用的時(shí)候,我們可以肯定地說(shuō),我們?cè)诓痪玫膶?lái)可以發(fā)現(xiàn)使用和享受這項(xiàng)技術(shù)的新方法。VR 已經(jīng)在教育,醫(yī)療,旅游,房地產(chǎn)或建筑領(lǐng)域得到應(yīng)用。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

4. 語(yǔ)音用戶(hù)界面

語(yǔ)音用戶(hù)界面(VUI)使人與計(jì)算機(jī)的語(yǔ)音交互成為可能,它使用語(yǔ)音識(shí)別來(lái)理解說(shuō)話(huà),然后用文本轉(zhuǎn)化為語(yǔ)音的流程來(lái)播放回答。語(yǔ)音命令設(shè)備(VCD)是由語(yǔ)音用戶(hù)界面控制的設(shè)備。

在過(guò)去的一年中,40% 使用互聯(lián)網(wǎng)設(shè)備的人每月至少使用一次語(yǔ)音助手,這一數(shù)字比去年增加了 10%。

產(chǎn)品設(shè)計(jì)

1. 包裝上的圖案

在一個(gè)過(guò)度飽和的包裝市場(chǎng)中,很難創(chuàng)造出引人注目的新產(chǎn)品,所以設(shè)計(jì)師回到原點(diǎn),期望創(chuàng)造出能讓產(chǎn)品在擁擠的零售貨架上脫穎而出的包裝圖案。幾何圖形,花卉,浪漫或單色圖案是任何產(chǎn)品包裝的大膽選擇。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Flying Goat Coffee by Nicole LaFave 02. VITA SPA for skin by DWYW 03. Chocolate Packaging Design by arithmetic 04. 100 Hand-drawn seamless patterns and shapes by Arseny Samolevsky

2. 包裝上的插畫(huà)

插畫(huà)一直是包裝設(shè)計(jì)中的一個(gè)強(qiáng)大元素。通過(guò)這些插畫(huà)能讓用戶(hù)更好的理解產(chǎn)品背后的故事,插畫(huà)已經(jīng)存在了幾十年,很有可能它們永遠(yuǎn)都是一股潮流。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Briggs Original by Hee Jae Kim 02. Velvet Coffe Cups by Anton Malishev, Oh Carola 03. Waste-Not Kitchen — Brand Creation by Tried&True Design 04. Home Sweet Sushi Kids by Savvy Agency, Mariana Spark 05. Cerveza Maleante by Antonay

3. 留白

如今,極簡(jiǎn)主義已經(jīng)是設(shè)計(jì)中的一個(gè)基本原則。它以留白替代了任何無(wú)用元素。這種趨勢(shì)帶來(lái)了干凈的設(shè)計(jì),也讓字體得以突出。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. A SCENT Essential Oil by Yu-Chien Lin, Huang Wun-Siang , Chi Tai Lin 02. Rebranding concept for Bodri Pincészet by Kristóf Gáthi

4. 單色和雙色

只使用一種或兩種顏色似乎是限制了設(shè)計(jì)的發(fā)揮,但卻可以創(chuàng)造一個(gè)強(qiáng)大的視覺(jué)識(shí)別系統(tǒng)。只使用一種或兩種顏色,可以讓產(chǎn)品保持一個(gè)極簡(jiǎn)主義的外觀(guān),放棄一切多余的元素。其結(jié)果就是得到一種精致,優(yōu)雅,賞心悅目的產(chǎn)品。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Zerbet Sorbet by Cailin Giles 02. Bailey Brew by Ed Hall Sydney, Ekaterina Leontyeva, Boaz Suen

5. 大膽的顏色

大膽的顏色和漸變?cè)?2020 年依然是一股強(qiáng)大的趨勢(shì),使用好顏色你可以創(chuàng)造出難忘的產(chǎn)品。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Minimalism and Hedonism: Millennium Brand Redesign by Fabula Branding;02.Tattoo Mall by Openmint Studio, Ekaterina Teterkina , Dima Je, Yegor Kumachov;03.Organica by Larissa Kendrik , Gabriel Schatzmann;04.VIZOU - Reading Glasses by Studio Chapeaux, Axel Domke;05.Packaging for Flavoured Pistachios by Mila Katagarova

6. 注重細(xì)節(jié)

關(guān)注細(xì)節(jié)的包裝比以往更受歡迎。設(shè)計(jì)師之所以選擇這種趨勢(shì)是因?yàn)樗x予了產(chǎn)品品質(zhì)感。這種趨勢(shì)讓我們以現(xiàn)代視角重新思考經(jīng)典。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. HYWILDE by Chad Michael Studio 02. AMSTEL KARGO IPA by Caparo design crew;02.Big Island Coffee Roasters - Espresso Bites by Farm Design

7. 包裝里講故事

到 2020 年,各個(gè)品牌將不得不重新思考產(chǎn)品和包裝。品牌必須講故事,幫助顧客體驗(yàn)到產(chǎn)品的精髓。這可以通過(guò)在包裝上的視覺(jué)設(shè)計(jì)來(lái)實(shí)現(xiàn)。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Beak Pick by Backbone Branding 02. Coloreat by Backbone Branding

字體

1. 粗體

粗體字設(shè)計(jì)是一個(gè)極為重要的設(shè)計(jì)趨勢(shì),將能代替圖片成為主要的元素。新穎的字體設(shè)計(jì)能在網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)中發(fā)揮作用。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Eirik Lyng by Erik Herrstr?m 02. Bauhaus_100(x3)by BunkerType(Jesús Morentin);02.UCCA Center for Contemporary Art Beijing by Bruce Mau Design(BMD)elle Maréchal

2. 小寫(xiě)字母

越來(lái)越多的應(yīng)用使用完全小寫(xiě)的字母,非常容易閱讀,這與現(xiàn)代設(shè)計(jì)中的極簡(jiǎn)主義完美的契合。明年,我們一定要密切的關(guān)注這一趨勢(shì)。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Autea Branding & Web Design by Micha? Markiewicz 02. Yamadai Food Corporation CI by Masaomi Fujita / tegusu Inc. 03. Aquality Branding by H?kan Fidan

3. 自定義字體

雖然這種自定義的版式已經(jīng)不算新鮮,但我們會(huì)看到這種趨勢(shì)越來(lái)越多的出現(xiàn)在設(shè)計(jì)中,尤其是在 Logo 和海報(bào)中。這種做法在大品牌中更為常見(jiàn),因?yàn)樯a(chǎn)一種專(zhuān)用字體可能相當(dāng)貴,但設(shè)計(jì)師其實(shí)可以對(duì)現(xiàn)有字體進(jìn)行小的調(diào)整,結(jié)果就可以做到非常獨(dú)特。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. Think8 Global Institute by Blok Design 02. ZINEZ? // design periodical by Barbara Katona , Media & Design Department Eger 03. TYPE DESIGN '19 by TRüF Creative 04. Cako typeface by Violaine & Jeremy

4. 動(dòng)態(tài)字體

就像我們前面說(shuō)的,動(dòng)畫(huà)在設(shè)計(jì)中真的是無(wú)處不在,所以我們也會(huì)在字體中發(fā)現(xiàn)它的身影。動(dòng)態(tài)字體在屏幕上會(huì)用一些小的形變和移動(dòng)進(jìn)行設(shè)計(jì)。這個(gè)簡(jiǎn)單的技術(shù)設(shè)計(jì)字體,給觀(guān)眾留下記憶點(diǎn)。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01 & 02. Grafika by Gimmick Studio . 03 & 04. Augmented Reality & Motion Typography by Alex Slobzheninov

5. 堆疊字體

堆疊文字可以說(shuō)是現(xiàn)代的解決方案,重在引起用戶(hù)關(guān)注。我們可以在網(wǎng)頁(yè)設(shè)計(jì),應(yīng)用及平面設(shè)計(jì)中看到這一趨勢(shì)。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

△ 01. L'Om by Atipus Barcelona 02. Journal by Gemma Mahoney 03. poster collection | vol.8 by Roman Post 04. SMLXL by Melissa Baillache, Mat Groom, Jason Little

工具趨勢(shì)

1. Adobe Spark

Adobe Spark 是由 Adobe 開(kāi)發(fā)的用于移動(dòng)和網(wǎng)頁(yè)媒體創(chuàng)建應(yīng)用的集成套件。它包含三個(gè)獨(dú)立設(shè)計(jì)的應(yīng)用Spark Page、Spark Post和Spark Video。這幾個(gè)免費(fèi)的應(yīng)用可以讓用戶(hù)在任何設(shè)備上創(chuàng)建、編輯和分享他的作品。

這三個(gè)設(shè)計(jì)應(yīng)用允許用戶(hù)創(chuàng)建和設(shè)計(jì)可用于企業(yè),教育,社交媒體等領(lǐng)域的視覺(jué)內(nèi)容。Spark 圖庫(kù)可以突出顯示使用者所做的不同項(xiàng)目。使用這些應(yīng)用的時(shí)候,用戶(hù)可以導(dǎo)入和搜索圖片。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

2. Procreate

Procreate 是 Savage Interactive 為 iOS 開(kāi)發(fā)并發(fā)布的繪畫(huà) app。針對(duì) iPad 而設(shè)計(jì),適合初學(xué)者到專(zhuān)業(yè)人士使用。

它提供了超過(guò) 130 個(gè)逼真筆刷,多圖層功能,有混合模式,遮罩,4k 分辨率導(dǎo)出,自動(dòng)保存以及其他許多經(jīng)典應(yīng)用都有的工具。它的缺點(diǎn)在于編輯,渲染文本和矢量圖形的能力有限。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

3. Adobe XD

Adobe XD 是一款為網(wǎng)頁(yè)和 app 而設(shè)計(jì)的矢量工具,由 Adobe 開(kāi)發(fā)并發(fā)布。它有 Windows 和 mac 版本,在 iOS 和 Android 上都有可以預(yù)覽的工具。XD 可以支持網(wǎng)頁(yè)原型和制作簡(jiǎn)單的交互行為。

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

歡迎關(guān)注譯者的微信公眾號(hào):「彩云譯設(shè)計(jì)」

Behance 年度好文!2020年設(shè)計(jì)趨勢(shì)全方位分析

收藏 415
點(diǎn)贊 88

復(fù)制本文鏈接 文章為作者獨(dú)立觀(guān)點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。