作者：Milo Themes? 翻譯 / 編輯：所長(zhǎng)瓜田君

如需轉(zhuǎn)載本文請(qǐng)查看轉(zhuǎn)載授權(quán)與須知。

譯者的話

本篇文章由 Milo Themes 團(tuán)隊(duì)發(fā)布于 Behance 上，作者為 Loredana Papp-Dinea，以及聯(lián)合作者 Mihai Baldean。

Milo 是一個(gè)設(shè)計(jì)開(kāi)發(fā)團(tuán)隊(duì)，經(jīng)過(guò)調(diào)研寫了這篇2019年數(shù)字設(shè)計(jì)領(lǐng)域即將到來(lái)的趨勢(shì)。預(yù)測(cè)是基于他們?cè)诠ぷ髦杏^察到的配色、排版，圖形和尺寸的深入分析，同時(shí)也涵蓋了國(guó)際設(shè)計(jì)機(jī)構(gòu)和今年設(shè)計(jì)競(jìng)賽的獲獎(jiǎng)作品。

下面就讓我們來(lái)看看吧。

定制插畫

根據(jù)最近的數(shù)據(jù)統(tǒng)計(jì)，定制插畫的需求是照片庫(kù)的7倍。獨(dú)一無(wú)二的插畫，配以大膽的色彩，當(dāng)然會(huì)脫穎而出。一個(gè)優(yōu)秀的插畫師可以創(chuàng)造出充滿活力的插圖，以滿足品牌的調(diào)性。

1.1 大膽的配色

在2018年，設(shè)計(jì)師們大多喜歡使用鮮艷的配色，而這種趨勢(shì)在2019年將更為盛。

在設(shè)計(jì)師的作品中，配色將更加大膽，甚至使用過(guò)度飽和的色調(diào)。潘通（Pantone）已經(jīng)公布了2019年的色彩趨勢(shì)預(yù)測(cè)，如果你希望你的作品能夠脫穎而出，就盡管大膽地使用配色。

譯者注釋：潘通（Pantone）是一家1962年創(chuàng)立的專門開(kāi)發(fā)和研究色彩，并且以此聞名全球的權(quán)威機(jī)構(gòu)，也是最著名的色彩系統(tǒng)供應(yīng)商之一。

1.2 非對(duì)稱性

當(dāng)大多數(shù)人聽(tīng)到非對(duì)稱性時(shí)，他們可能會(huì)想到失衡，但非對(duì)稱性其實(shí)遠(yuǎn)過(guò)于此。

設(shè)計(jì)師可以通過(guò)刻意避免墨守成規(guī)的平衡，來(lái)創(chuàng)造和諧并平衡整個(gè)構(gòu)圖。你可以肆意嘗試你正在使用的元素，例如排版、幾何圖形、或者3D渲染，從而來(lái)創(chuàng)造一個(gè)獨(dú)特的結(jié)果。不過(guò)要記住，用戶的眼睛將會(huì)首先看到更大的元素。

1.3 動(dòng)畫

網(wǎng)站中廣告、或是應(yīng)用程序設(shè)計(jì)中的小動(dòng)畫，可以使用戶與內(nèi)容間進(jìn)行更多的互動(dòng)。以下這類動(dòng)畫可以被集成應(yīng)用到所有的媒體中。

1.4 折衷主義

融合多樣化的想法能夠產(chǎn)生驚人的結(jié)果。不拘一格的設(shè)計(jì)方法雖然可能很具有挑戰(zhàn)性，但也絕對(duì)可以為項(xiàng)目帶來(lái)非一般的展示效果。

1.5 漸變

漸變?cè)?017到2018年末展現(xiàn)了熱烈的回歸，并且即使在2019年，也仍然存在。像 Apple 或 Instagram 在他們的品牌中使用漸變，這絕對(duì)是2019年的一種勝利性的選擇。

1.6 等距設(shè)計(jì)

在過(guò)去幾年的趨勢(shì)中，我們已經(jīng)看到過(guò)等距設(shè)計(jì)。但是在2019年，隨著插圖占據(jù)了幾乎所有的設(shè)計(jì)領(lǐng)域，我們真的需要在今年把它也加上。

1.7 增強(qiáng)實(shí)境

增強(qiáng)實(shí)境如今出現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)、以及應(yīng)用程序設(shè)計(jì)等領(lǐng)域。許多在線商店也在嘗試將增強(qiáng)實(shí)境技術(shù)融入到他們的網(wǎng)站中。這是一個(gè)相對(duì)比較新的趨勢(shì)，所以2019年讓我們拭目以待吧。

1.8 自然真實(shí)的攝影

階段性的照片圖庫(kù)時(shí)代已經(jīng)過(guò)去，現(xiàn)在設(shè)計(jì)師們正在尋找更自然的、非典型的照片。希望照片素材看起來(lái)不那么像素材。

UI / UX年度之星

Adobe 推出了這款令人驚嘆、且極具競(jìng)爭(zhēng)力的新產(chǎn)品，并免費(fèi)向社區(qū)會(huì)員提供。Adobe XD 是 UX / UI 設(shè)計(jì)的解決方案，設(shè)計(jì)師可以用它設(shè)計(jì)、做原型、和分享。

新的一年，XD團(tuán)隊(duì)希望在不斷提供更新的同時(shí)，增強(qiáng)動(dòng)畫功能和UI元素動(dòng)效。

2.1 手機(jī)優(yōu)先

隨著谷歌優(yōu)先將移動(dòng)響應(yīng)式網(wǎng)站編入索引，移動(dòng)網(wǎng)站現(xiàn)在成為了一個(gè)優(yōu)先考慮的因素，所以也就不難怪移動(dòng)優(yōu)先設(shè)計(jì)已經(jīng)成為了一種趨勢(shì)。

移動(dòng)優(yōu)先設(shè)計(jì)首先是為移動(dòng)端的用戶設(shè)計(jì)的網(wǎng)站，與此同時(shí)，設(shè)計(jì)師還設(shè)計(jì)了一個(gè)版本，可以讓電腦端的用戶使用。

2.2 負(fù)空間

Less is definitely more！少即是多！在所有的設(shè)計(jì)領(lǐng)域中，我們都能看到的負(fù)空間的廣泛使用，但主要是集中在在網(wǎng)頁(yè)設(shè)計(jì)和應(yīng)用設(shè)計(jì)中。

2.3 定制插圖

正如我們前面說(shuō)的，這是在過(guò)去幾年中不斷增長(zhǎng)的一個(gè)主要趨勢(shì)。從登陸頁(yè)面，到整個(gè)網(wǎng)站，定制插圖席卷了網(wǎng)頁(yè)設(shè)計(jì)行業(yè)。

2.4 說(shuō)明性圖標(biāo)

人們非常自然地由動(dòng)態(tài)線性圖標(biāo)可以聯(lián)想到相關(guān)的服務(wù)，圖標(biāo)可以用來(lái)建立視覺(jué)層次，并提升設(shè)計(jì)師希望用戶所注意到的區(qū)域。

2.5 流動(dòng)的幾何非對(duì)稱形狀

流動(dòng)的形狀不是個(gè)新鮮事物，我們已經(jīng)在2017年和2018年看到過(guò)它們，但它們將在2019年更為盛?；旌洗竽懙念伾蛷?qiáng)烈的漸變，流動(dòng)的形狀是2019年必不可少的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)。

2.6 視頻背景

研究表明，網(wǎng)站上的視頻可以提高用戶轉(zhuǎn)化率。視頻可以在短時(shí)間內(nèi)發(fā)表聲明，也可以快速傳遞信息，并讓更多用戶停留在網(wǎng)站上。

2.7 動(dòng)畫

今年的動(dòng)畫出現(xiàn)率很高。您可以在網(wǎng)站、應(yīng)用程序的設(shè)計(jì)中發(fā)現(xiàn)它們。不管是平滑過(guò)渡的按鈕，還是一個(gè)漂亮的鼠標(biāo)懸浮效果，都能夠?yàn)樵O(shè)計(jì)帶來(lái)巨大的不同。

2.8 微交互

微交互是移動(dòng)平臺(tái)上用于創(chuàng)建微妙視覺(jué)效果的小動(dòng)畫。新的一年，我們比以往任何時(shí)候都需要這些微交互。我們將會(huì)發(fā)現(xiàn)那些隱藏在每個(gè)UI元素后面的動(dòng)畫，無(wú)論它有多微小都不要緊。

2.9 粗寫的字體取代圖像

隨著排版越來(lái)越受到關(guān)注，許多巨頭，例如蘋果，選擇用粗寫的字體排版來(lái)做出聲明。在許多情況下，字體排版正在取代圖像。

2.10 非規(guī)整網(wǎng)格&重疊元素

在過(guò)去的幾年里，網(wǎng)頁(yè)設(shè)計(jì)中的重疊元素已經(jīng)比較多了，并且結(jié)合非規(guī)整的網(wǎng)格，可以創(chuàng)造出獨(dú)特的創(chuàng)意布局。務(wù)必注意移動(dòng)端的用戶體驗(yàn)！

2.11 3D插圖

3D插圖在過(guò)去幾年里大受歡迎，大品牌都使用3D來(lái)渲染他們的產(chǎn)品，例如：運(yùn)動(dòng)鞋，運(yùn)動(dòng)裝備，包裝設(shè)計(jì)等等。

3.1 更大，更粗，更好

字體排版現(xiàn)在越來(lái)越大，越來(lái)越粗，我們也可以在每年的預(yù)測(cè)中找到這種趨勢(shì)。當(dāng)你使用大字體時(shí)，獲勝的組合是：極簡(jiǎn)主義。否則設(shè)計(jì)很可能由于太密集而不具吸引力。

3.2 定制字體

許多大品牌都有自己的定制字體。這保證了展示效果的獨(dú)一無(wú)二。

4.1 使用顏色通道

盡管我們?cè)?018年看到了很多這種趨勢(shì)，但它在2019年仍然是非常新鮮的。使用顏色通道，你可以創(chuàng)造出色的效果。來(lái)看看這些具有創(chuàng)造性的成果：

4.2 品牌插畫

我們可以在所有的設(shè)計(jì)領(lǐng)域找到插畫，我們熱愛(ài)插畫！一幅很好的插畫，絕對(duì)可以讓任何的藝術(shù)海報(bào)、品牌標(biāo)識(shí)或印刷品變得獨(dú)一無(wú)二。

4.3 動(dòng)畫Logo

隨著動(dòng)畫滲透到所有的設(shè)計(jì)領(lǐng)域，我們當(dāng)然也要將它們運(yùn)用到 Logo 中?？纯催@些令人驚嘆的 Logo：

5.1 顆粒效果

顆粒效果通常被應(yīng)用于2D動(dòng)畫里，但當(dāng)然也可以用于3D中。?

5.2 扁平2D動(dòng)畫

即使是插圖，扁平設(shè)計(jì)也被半扁平的趨勢(shì)所取代了。使用陰影和漸變來(lái)構(gòu)成深度，在動(dòng)態(tài)圖形設(shè)計(jì)中它也仍然很強(qiáng)勁。2D動(dòng)畫在二維的藝術(shù)空間中創(chuàng)造運(yùn)動(dòng)。?

大多數(shù)動(dòng)畫都是故事板，其中每個(gè)場(chǎng)景中的主要?jiǎng)幼鞫际且月嫷男问絹?lái)繪制的。隨著平滑的過(guò)渡就可以吸引到用戶的注意力，這樣，你想傳達(dá)的訊息就可以很容易觸達(dá)你的觀眾。