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

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

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

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

話不多說，讓我們一起探索最新最復(fù)雜的 2020 年設(shè)計(jì)趨勢(shì)吧！

 

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

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

在 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)畫內(nèi)容正在進(jìn)入一個(gè)全新世界，在這個(gè)世界里，純文字內(nèi)容不再像以前那樣吸引人了。

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

△ 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

二、插畫設(shè)計(jì)

三、動(dòng)態(tài)設(shè)計(jì)

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

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

六、包裝設(shè)計(jì)

七、文字設(shè)計(jì)

八、工具趨勢(shì)

 

 

一、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ì)在未來的一年里會(huì)看到越來越多的深色模式。

 

2. 大膽的配色

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

△ 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. 更多的插畫被應(yīng)用在UI中

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

△ 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. 更多的故事性

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

△ 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)效

正如我們所說，動(dòng)效是今年的趨勢(shì)，在 UI 中的表現(xiàn)尤為突出，也能為插畫增加豐富的細(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ū)別。微交互在讓用戶理解系統(tǒng)如何工作，并引導(dǎo)其獲得更好的體驗(yàn)方面扮演著非常重要的角色。

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

△ 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ì)變得更快，而視頻是最好的載體。無論是選擇通過動(dòng)畫還是電影的方式來推廣產(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ì)過程中，對(duì)于視覺和功能只能二選一，但是隨著技術(shù)的發(fā)展，兩者可以很好的兼顧到。設(shè)計(jì)是為了讓網(wǎng)站或應(yīng)用引起用戶的注意，而功能是為了讓體驗(yàn)變得容易，目的是為了讓用戶更快地找到自己想要的信息。

△ Skilling Trading（skilling.com）- Loredana Papp-Dinea , Mihai Baldean

 

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

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

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

△ FLYR Visual Identity and Marketing Website by Ramotion

△ PWR by Ana Hoxha, Edvina Meta

 

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

2D動(dòng)畫聚焦于創(chuàng)作故事和角色，并以矢量形式居多。當(dāng)想要為一個(gè)活動(dòng)或產(chǎn)品做介紹性視頻時(shí)，2D是一個(gè)完美的選擇。在一個(gè)忙碌，沒有時(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

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

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

△ Olof Storm Channel On Youtube

 

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

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

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

△ 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ì)非常適合印刷，如果顏色過多，印刷費(fèi)用和技術(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ù)是抽象的，很多著名的作品只有黑白兩色。通常，它們給觀眾的印象是動(dòng)感，神秘，閃爍或抖動(dòng)，膨脹或扭曲的。

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

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

 

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

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

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

△ 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)。隨著《怪奇物語》系列的成功，這股浪潮又開始流行起來。

△ 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ì)師的靈感來源。這些風(fēng)格是值得一提的，因?yàn)樗鼈兪墙?jīng)典的，歷久彌新，遵循它們的規(guī)則幾乎不可能在設(shè)計(jì)中犯錯(cuò)?？偟膩碚f，這些風(fēng)格強(qiáng)調(diào)版式，無襯線字體（Helvetica就是在1957年包豪斯時(shí)期設(shè)計(jì)的），幾何圖形，簡(jiǎn)單的線條，體積感和顏色等元素的運(yùn)用。

△ 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 中找到。

△ 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)單有限的顏色和形狀來設(shè)計(jì)出一個(gè)難忘的畫面。放棄任何多余的元素，所有的設(shè)計(jì)內(nèi)容都聚焦于每一個(gè)目的。為了打造出一個(gè)極簡(jiǎn)主義的設(shè)計(jì)，需要使用盡可能多的留白，一個(gè)簡(jiǎn)單的配色方案和一些最基本的幾何形狀。

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

 

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

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

 

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

隨著蘋果和谷歌推出的各種 AR 開發(fā)平臺(tái)，ARKit 和 ARCore，很明顯，整個(gè)世界都將轉(zhuǎn)向AR技術(shù)。

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

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

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

 

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

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

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

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

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

 

3.  虛擬現(xiàn)實(shí)（VR）

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

 

4. 語音用戶界面（VUI）

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

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

 

六、包裝設(shè)計(jì)

1. 包裝上的圖案

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

△ 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. 包裝上的插畫

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

△ 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è)基本原則。它以留白替代了任何無用元素。這種趨勢(shì)帶來了干凈的設(shè)計(jì)，也讓字體得以突出。

△ 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)大的視覺識(shí)別系統(tǒng)。只使用一種或兩種顏色，可以讓產(chǎn)品保持一個(gè)極簡(jiǎn)主義的外觀，放棄一切多余的元素。其結(jié)果就是得到一種精致，優(yōu)雅，賞心悅目的產(chǎn)品。

△ 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)品。

△ 01. Minimalism and Hedonism: Millennium Brand Redesign by Fabula Branding；02.Tattoo Mall by Openmint Studio, Ekaterina Teterkina , Dima Je, Yegor Kumachov；03.Orgânica 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)典。

△ 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)品的精髓。這可以通過在包裝上的視覺設(shè)計(jì)來實(shí)現(xiàn)。

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

 

七、文字設(shè)計(jì)

1. 粗體

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

△ 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. 小寫字母

越來越多的應(yīng)用使用完全小寫的字母，非常容易閱讀，這與現(xiàn)代設(shè)計(jì)中的極簡(jiǎn)主義完美地契合。明年，我們一定要密切關(guān)注這一趨勢(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ì)越來越多的出現(xiàn)在設(shè)計(jì)中，尤其是在 Logo 和海報(bào)中。這種做法在大品牌中更為常見，因?yàn)樯a(chǎn)一種專用字體可能相當(dāng)貴，但設(shè)計(jì)師其實(shí)可以對(duì)現(xiàn)有字體進(jìn)行小的調(diào)整，結(jié)果就可以做到非常獨(dú)特。

△ 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)字體

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

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

 

5. 堆疊文字

堆疊文字可以說是現(xiàn)代的解決方案，重在引起用戶關(guān)注。我們可以在網(wǎng)頁(yè)設(shè)計(jì)，應(yīng)用及平面設(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 開發(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)用可以讓用戶在任何設(shè)備上創(chuàng)建、編輯和分享他的作品。

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

 

2. Procreate

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

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

 

3. Adobe XD

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

 

原文地址：Behance

譯文地址：站酷

作者：Mihai Baldean,Loredana Papp-Dinea,Milo Themes

譯者: 彩云Sky