本文翻譯自Behance的年度推薦好文2019 Design Trends Guide，作者Milo整理了2018下半年的Behance上的知名作品，包含了UI、動效、插畫。

我們嘗試研究在數(shù)字設(shè)計領(lǐng)域即將到來的2019 趨勢。我們的預(yù)測是基于我們在最負盛名的世界設(shè)計機構(gòu)和今年設(shè)計競賽的獲獎作品中，觀察到的顏色，排版，形狀和尺寸的深入分析。

年度重點

雖然在2018 年插畫風格就已經(jīng)是重點，但到了2019 年插畫設(shè)計會繼續(xù)上升到一個新的高度，根據(jù)最近的統(tǒng)計數(shù)據(jù)，插畫風格的視覺效果對比普通攝影照片的轉(zhuǎn)化高達7 倍之多。品牌們也越來越趨向于尋找充滿活力和風格的插畫作品來體現(xiàn)自己的品牌調(diào)性，獨特的插圖與大膽的色彩會使產(chǎn)品品牌更能脫穎而出。

-------------

(1) Author: Leo Natsume - Project: Estad?o Marcas + Brand illustrations; (2) Author: Milo Themes - Project Etopium Illustrations; (3)Author: ChocoToy cute, Project: -  Golden Flavor;  (4) Author: Gleb Tagirov, Project: - Isometric Illustration; (5) Author: Ranganath Krishnama - Project  Zencargo; (7) Author: Milo Themes - Project Bitcoin Illustrations;  (8) Author: Fernando Nunes - Project: Fantasy Play; (9) Author: Saber Wang - Project - Illustration of Block Chain. ; (10) Author: Manoj Jadhav - Project - Illustration; (11) Author: Gabriel Lam- Project: Fantasy Play; 

1 大趨勢

1.1 大膽的用色（Bold Color）

從2018 年，在數(shù)字領(lǐng)域的設(shè)計師們已經(jīng)開始偏向使用鮮艷的色彩，這種趨勢在2019 年將會變得更加流行、更加大膽，大量的過飽和色調(diào)將會更普遍。同時Pantone 已經(jīng)公布了2019 年的色彩趨勢預(yù)測，如果今年希望自己的設(shè)計能被更加注目，或許可以嘗試使用大膽的色彩。

-------------

(1) Author: Vladimir Lifanov , Aslamova Viktoriya ?—? Project : Loudhead ; (2) Author: Van Orton Design? ?—? Project : Billboard ? 2018  ; (3) Author:Sagmeister & Walsh ?—? Project : BABOON ; (4) Author: Beetroot Design ?—? Project : Onassis Cultural Centre ; (5), (6), (7) Author: Vladimir Lifanov , Aslamova Viktoriya ?—? Project : Loudhead ; (8) Author: Van Orton Design? ?—? Project : Billboard ? 2018

1.2不對稱（Asymmetry）

從事數(shù)字設(shè)計的設(shè)計師大多習慣以完美對稱來完成構(gòu)圖，但通過適當?shù)牟粚ΨQ性，不但可以避免傳統(tǒng)的平衡構(gòu)圖方式，還能讓你的設(shè)計脫穎而出。建議設(shè)計師可以透過一些元素，如排版、幾何形狀、3D渲染，以創(chuàng)建獨特的不對稱構(gòu)圖，達成達特的視覺效果。

-------------

(1), (2) Author: CFC ?—? Project : EASY PEASY ; (3) Author: Jason Miller , Mother Design ?—? Project : AIGA ;

1.3 動效（Animations）

好的動畫效果一直以來都能對產(chǎn)品或應(yīng)用起到不少加分的作用。在網(wǎng)站，廣告或應(yīng)用程序中設(shè)計的小動畫，可以使用戶更多地與您想傳達的內(nèi)容進行互動。

到2019年動效效果仍然有不少成長的潛力。

-------------

(1) Author: Eduard Mykhailov - Project: OK; (2) Author: Markus Magnusson - Project: Boyz; (3) Author: Markus Magnusson - Project:

Channel Surfing;  (4) Author: Markus Magnusson - Project: Astronaut;  (5) Author: Aleksey Vasiliev  - Project: Flowers; (6) Author:

Gleb Kuznetsov?  - Project: Organic Artificial Intelligence design; (7) Author:  Aslan A. - Project: MyTaxi Driver

1.4混搭風格（Eclectic）

透過融合多樣化的風格，產(chǎn)生不同時覺效果的沖突，可以產(chǎn)生驚人的結(jié)果。這種不拘一格的設(shè)計方法可能非常具有挑戰(zhàn)性，但絕對可以在2019 年帶來獨特的設(shè)計效果。

-------------

(1) Author: Slava Kornilov ?—? Project : FRASH Canada ; (2) Author: Caroline Blanchette , PINCH Martin Tremblay ?—? Project : OLA B_Contessa ; (3) Author:Maxime Francout ?—? Project : Festival International de Jazz de Montréal ; (4) Author: Marion Ben-Lisa ?—? Project : FêTE DE TROP  ;

1.5漸變風格仍然會在2019年流行（Gradients are still in 2019）

漸變風格一直都未退流行，Gradients Style 在2017–2018 年末出現(xiàn)了大量的回歸，而即便到了2019 年漸變風格仍然會存在。像Apple 或Instagram 這樣的公司，仍然在他們的品牌中使用漸變元素，絕對是2019 年的不敗選擇。

-------------

(1) Author: Vasjen Katro ?—? Project : Baugasm Season #3  ; (2) Author:Mateusz Machalski ?—? Project : Selfie — Exhibition ID ; (3) Author: Belu —? — Project : Hedgehog Fibres

1.6 透視設(shè)計（Isometric Design）

這類2.5D、C4D 效果的設(shè)計風格，一直在過去幾年展露頭角，但隨著AR、VR、MR 等這類真實世界三維空間的設(shè)計概念引入，以及插畫風格的大量運用，在2019 年這類視覺效果必將迎來最盛大的一年。

-------------

(1) Author: MORPHINE Motion Graphics ?—? Project : McDonald's Monopoly ; (2) Author: Igor Kozak ; Rocketboy Studio - Project : 10012 ; (3) Author:Cristian Malagón Garcia, Núria Madrid ?—? Project : Increment Mag issue 4 ; (4 ) Author: Peter Tarka , Mateusz Krol - Project : Adobe Government ; (5) Author:Igor Kozak ; Rocketboy Studio? —? Project : 10012 ; (6) Author: Mohamed Samir- Project : Fast Company — 100 Most Creative People 2018 ;

1.7 AR設(shè)計（Augmented Reality）

增強現(xiàn)實類的技術(shù)，已開始出現(xiàn)在網(wǎng)頁設(shè)計或應(yīng)用程序設(shè)計等領(lǐng)域。許多平臺開發(fā)者也嘗試將增強現(xiàn)實技術(shù)納入其開發(fā)工具里面，可預(yù)期的這類型的應(yīng)用將會越來越多。這是一個相對較新的趨勢，因此不可在2019 年遺忘它。

-------------

(1) Author: Clémence Gouy - Project: MANIFACTORY; (2) Author: Manon Louart - Project: Mon Papi; 

1.8 自然風格（Natural Photo）

更為自然，非刻意為之的照片更受到如今的設(shè)計行業(yè)寵愛，同時也是接下來圖像領(lǐng)域的重點趨勢方向。

-------------

 (1) Photo by: Charles Deluvio; (2) Photo by:Ivana Cajina; (3) Photo by: Suad Kamardeen; (4) Photo by: Tetbirt Salim

2 ui/ux設(shè)計趨勢

UI / UX年度之星

Adobe推出了這款令人驚嘆且極具競爭力的新軟件，而且是免費的。Adobe XD！這是一款UX / UI設(shè)計解決方案的軟件，供體驗設(shè)計人員在他們的網(wǎng)站上做廣告設(shè)計，原型化和分享引人入勝的用戶體驗。今年，XD團隊希望在不斷提供更新的同時，提供增強的動畫功能和UI元素動畫。

2.1仍然是移動端第一（Mobile First）

隨著谷歌首先實現(xiàn)在移動端使用響應(yīng)式網(wǎng)頁技術(shù)后，移動端現(xiàn)在已成為產(chǎn)品優(yōu)先考慮的設(shè)計因素。移動端第一，首先是為移動用戶設(shè)計網(wǎng)站，然后在創(chuàng)建一個也適用于桌面用戶的版本。

-------------

(1) Author: Milo Themes ?—? Project Etopium UI/UX; ; (2) Author: fps ecosystem ?—? Project : Budapest Park website redesign ; (3) Author: Nikita Resh ?—? Project : Logistics Corporate website | UX/UI Design ;

2.2 負設(shè)計（Negative Space）

少即是多！在設(shè)計中做減法一直都能有不錯的效果，目前在所有設(shè)計領(lǐng)域都看到或多或少這類負空間的使用，而2019 年將更大量的使用于網(wǎng)頁設(shè)計和應(yīng)用程序設(shè)計中。

-------------

(1), (2) Author: Alexander Plyuto ?—? Project ZIPL v 3.0 ; (3) Author:Alexander Plyuto ?—? Project SUBURBIA

2.3 定制插圖（Custom made illustrations）

正如前面所提到的年度趨勢，插圖一直是幾年中不斷增長的主要趨勢。在2019 年從登陸頁面到整個網(wǎng)站，定制插圖將會風靡整個數(shù)位設(shè)計行業(yè)。更多插畫素材可訪問：設(shè)計插畫素材 欄目。

-------------

(1) Author: Daniel Tan ?—? Project My Portfolio Website ; (2) Author: Nimasha Perera ?—? Project : Illustration Pack ; (3) Author: Milo Themes ?—? ProjectEtopium UI/UX; (4) Author: Daniel Tan, Daphnie Loong? —? Project : Tofu Design — Website & Identity ; (5) Author: Mumtahina Hasnat , Mushfiq ?—? Project : Evento App Design ;

2.4情感化圖標（Illustrative Icons）

好的圖標可以自然的把用戶的視線，引導(dǎo)到需要重點關(guān)注的信息或功能上。同時也能自然地將與服務(wù)相關(guān)聯(lián)的信息，通過良好的視覺層次結(jié)構(gòu)說明。

同時搭配好令人會心一笑的情感化設(shè)計，肯定能起到不錯的效果。下圖中的素材可從這邊下載

-------------

(1), (2) Author: Denis Shepovalov ?—? Project : Illustration Constructor ; (3) Author: Netguru Team ?—? Project Trello Atlassian — Redesign ;

2.5流體、幾何、非對稱（Fluid, Geometrical, Asymetrical）

Fluid 風格一直都能在2017–2018 年中持續(xù)看到流體，但這類的風格在2019 年將會更加顯性。配合前面所提的混搭風、大膽的顏色和強烈的漸變，流體形狀是2019 年必不可少的網(wǎng)頁設(shè)計趨勢。

-------------

(1) Author: Mariusz Mitkow ?—? Project : LuxuryClean UI/UX iOS App ; (2) Author: Eddie Lobanovskiy? —? Project : CrowdRise ; (3) Author: Tal Midyan , Lillie Ferris ?—? Project : PharrellWilliams.com ;

2.6視頻背景（Video Background）

大量的研究數(shù)據(jù)表明，2018 年使用短視頻可以提高更高的轉(zhuǎn)化率。視頻相較于文字與圖片，可以在幾秒鐘內(nèi)傳達更多更好更清晰的內(nèi)容，同時也仍持續(xù)吸引用戶的注意力。

-------------

作者：Agency lg2 - 項目：Vacances Air Canada | 數(shù)字體驗| LG2 

2.7 動效（Animation）

動效設(shè)計早已是數(shù)字設(shè)計行業(yè)中不可或缺的專業(yè)，試著在你的移動產(chǎn)品或網(wǎng)頁設(shè)計里，加入一些順暢的平滑過渡或漂亮的懸停效果，可以讓你的設(shè)計更加地吸引人。

-------------

（1）作者：Anton Skvortsov - 項目：沙漠之路滾動動畫 ; （2）作者：Leo Natsume - 項目：垃圾的目的地 ;  （3）作者：

Dannniel - 項目：HQ Launch Animation Redesign ; （4）作者： Charles Patterson - 項目：Invision Projects - Spaces iOS ; （5）作者：

Stan Yakusevich - 項目：Mi Smart Home ; （6）作者： Anton Skvortsov - 項目：xore ;

2.8微交互（Micro-interactions）

微交互效果是移動端上，常用于創(chuàng)建微妙視覺效果的小動畫。今年，我們比以往任何時候都要更關(guān)注這些微觀互動。

（1）作者：Oleg Frolov - 項目：Microinteractions V ; （2）作者：Oleg Frolov - 項目：搜索圖標互動 ;  （3）作者： 

Mauricio Bucardo - 項目：導(dǎo)航互動 ; （4）作者： Charles Patterson - 項目：  InVision Studio制作 ; （5）作者：

Hoang Nguyen - 項目：創(chuàng)建新文檔標簽欄 ; （6）作者： Dannniel - 項目：Tab Bar Cube Interaction ; （6）作者：

Vlad Fedoseyev - 項目：Tabbar Exploration

2.9 粗體代替圖片（Bold Fonts instead of images）

隨著近年對于排版的關(guān)注，許多巨頭企業(yè)如蘋果，都在嘗試選擇通過獨特的字體與排版風格來做出品牌聲明。在一些場景下，通過排版能達到更好的說明。

(1) Author: Yi Shi - Project: Yi Shi Portfolio; (2) Author: Hrvoje Grubisic, Bornfight Company - Project: Bornfight — Digital Innovation Company; 

2.10柵格突破與元素重疊（Broken Grid & Overlapping Elements）

網(wǎng)頁設(shè)計中柵格突破在2018 年末開始盛行，可以預(yù)見在2019 年可以看到更多結(jié)合柵格突破的方式，與元素重疊的網(wǎng)頁設(shè)計組合，但在使用時，記得始終要牢記移動端的體驗！

(1) Author: Abhishek Biswas - Project: Meaww; (2) Author: Daniel Tan - Project: Aero - Airline Flight Booking UI/UX; (3) Author: Slava Kornilov - Project: FRASH Canada; (4) Author: Soongyu Gwon, D.FY creative studio - Project: The D.FY you know, but better.; (5) Author:Ovik Mooshlyan - Project: Cittá | Furniture website concept; (6) Author: Soongyu Gwon, D.FY creative studio - Project: The D.FY you know, but better.;

2.11 3D 插圖（3D Illustrations）

3D 形態(tài)的插圖在過去幾年中已經(jīng)開始大受歡迎，許多大品牌也使用3D 效果來作為產(chǎn)品宣傳渲染，如：運動鞋，運動裝備，包裝設(shè)計等等。

（1）作者： spiilkadesignbüro  - 項目：Megogo品牌標識 ; （2）作者：  Apus Agency - 項目：Teleset Plus。電信公司 ;

3 字體設(shè)計趨勢

3.1 更大更粗的字體

不難發(fā)現(xiàn)，這幾年字體正在朝著越來越大的趨勢發(fā)展。當你使用大字體的時候，應(yīng)當留意配合極簡主義使用，否則設(shè)計可能會過于擁擠，而失去了原有的意義。

(1) Author: Murmure ? - Project: Trempo; (2) Author:  Gabriel Figueiredo - Project: GRAúNA / Typeface; (3) Author:  Avant Post - Project:Les Salins 2018/2019; (4) Author:  Morgan Stephens - Project: Women‘s Foundation 25th Anniversary Campaign; 

3.2 定制字體

許多大品牌都有自己的定制字體，這保證了品牌的識別度和獨特性。

 Author: Hans Christian ?ren - Project: Nike custom typeface; 

4 品牌和標志設(shè)計趨勢

4.1 使用顏色通道

即使我們已經(jīng)在 2018 年看到了很多這種風格運用，但它在 2019 年仍然是新的潮流，使用顏色通道可以創(chuàng)造出令人驚艷的視覺效果，看看下面這些。

 Author: Melissa Baillache, Jason Little, Johanna Roca - Project: Queensland Theatre 2019; 

4.2 品牌插畫

我們可以在幾乎所有的設(shè)計領(lǐng)域找到它們，一個好的插畫絕對可以給任何藝術(shù)海報、品牌標識或印刷品帶來極佳的辨識度。

(1) Author: Kervin Brisseaux - Project: BURIZU: CHAPTER 1;  (2) Author: Tracy Thanh Tr?n - Project: MOSAIC – Fictional Nation Branding; (3) Author: our own night - Project: Concept Art/ NIKE WOMEN; (4) Author: Mustafa Akülker,  MONAJANS ?   - Project: La Casiana Coffee Branding; (5) Author: Elina Bouyssou - Project: Toulouse 2018 "Empreintes Culturelles";

4.3 動態(tài)LOGO

動畫已經(jīng)滲透到了所有的設(shè)計領(lǐng)域，就連 LOGO 也可以擁有吸引人的動畫，看看這些令人驚嘆的作品吧。

 (1) Author: Jelio Dimitrov - Project: Pixelpal;  (2) Author: Maksim Marakhovskyi - Project: Soroka Store; (3) Author:

Fraser Davidson - Project: Rebrand; (4) Author: Bojan Mesar   - Project: dashX - Logo & Preloader; (5) Author:

Balkan Brothers - Project: Patch;  (6) Author: Artem - Project: Osmo; (7) Author: Daniel Bodea  - Project: pigup; 

5 動效設(shè)計趨勢

5.1 噪點風格

噪點風格通常應(yīng)用于二維動畫中，同樣也可以應(yīng)用于三維動畫中。

 (1) Author: Renaud Lavency - Project: 10 - R.O x KONOBA - FILM;  (2) Author: John Hughes - Project: Etsy Plus;  (3) Author: Studio Ianus- Project: Buon Ferragosts; (4) Author: Renaud Lavency   - Project: 10 - R.O x KONOBA - FILM; (5) Author: WEI _   - Project: 動效系列插畫; (6) Author: Renaud Lavency - Project: 10 - R.O x KONOBA - FILM;

5.2 2D動畫

2D 動畫在二維藝術(shù)空間中創(chuàng)造運動，大多數(shù)動畫都有故事板，其中每個場景中的主要動作是以漫畫書形式繪制的。通過平滑的過渡，它可以吸引用戶的注意力，通過這種方式，你的產(chǎn)品可以很容易與用戶拉近關(guān)系。

 (1), (3) Author: Renaud Lavency   - Project: L'Oups;  (2) Author: MANIFACTORY  - Project: Tranquío;

5.3 3D動畫

3D 動畫看起來很驚艷，無論你賣的是什么，都能完美地推廣你的產(chǎn)品。多數(shù)大品牌在他們的廣告活動中加入 3D 動畫，因為它有很高的轉(zhuǎn)化率。

 (1) Author: EJ Hassenfratz - Project: Cineversity Promo;  (2) Author: Fabricio Rosa Marques - Project: Pitch.com Launch; (3) Author: R A D I O - Project: Double taps; (4) Author: Jeremy Woons - Project: Executive Producer; (5) Author: Randy Archie - Project: The Curious Case of an Eggplant; 

6 包裝設(shè)計趨勢

6.1 大膽的配色

大膽的配色一直是最近幾年的流行趨勢，也是 2019 年包裝設(shè)計中最重要的一個部分。

 (1) Author: Christopher Stanko - Project: T2 Tea Core Range 2018 ;  (2) Author: ohSeven studio - Project: ETUDE HOUSE; (3) Author:Firmalt ? - Project: Maraca; (4) Author: ivory ho - Project: 陽光菓菓 果乾包裝; (5) Author: Firmalt ? - Project: Maraca; (6) Author:Christopher Stanko - Project: T2 Tea Core Range 2018; (7) Author: vegrande ? - Project: MIX EAT;

6.2 非傳統(tǒng)材料

包裝設(shè)計已經(jīng)成為設(shè)計中的一個重要領(lǐng)域，用不同尋常的材料創(chuàng)造出令人驚嘆的產(chǎn)品。零浪費，可降解生物材料、可食用的包裝，這些材料都能在包裝設(shè)計師手中變成藝術(shù)品。

 (1), (2), (3) Author: fagerstr?m ? - Project: unPacked;  (4), (5) Author: Jerome & Zimmerman, Antonio R Ayala, Sofía Maltos, Lorena Amaya, Luis De Hoyos Altamirano - Project: Brives; 

6.3 天然材料

在包裝設(shè)計中，木材等天然材料永遠是主流。對于包裝設(shè)計師而言，用回收材料制成的皮革、木材、厚紙板或纖維素等，也是“天然材料”。

 (1) Author: Jerry Chiang - Project: Kins;  (2) Author: Razom Studio  - Project: TAKAVA;

6.4 大字體

正如我們之前提到的，在 2019 年，大字體設(shè)計絕對是一個趨勢。一個大的、強有力的詞匯，就足以創(chuàng)造出一個令人驚嘆的包裝效果。

(1) Author: Beetroot Design - Project: Onassis Cultural Centre;  (2) Author: BR/BAUEN Design Group - Project: Diferentona; (3) Author:Gianluca Ciancaglini, Alessandro Latela,  Paolo Angelini - Project: Unikit; (4) Author: Luminous Design Group - Project: Aloe Packaging;  (5) Author: Firmalt ? - Project: Maraca;

6.5 極簡主義

少即是多，雖然在包裝中添加大量文本或不同字體可能很吸引人，但這容易讓人眼花繚亂分不清主次，所以極簡主義仍然是一個經(jīng)典的選擇！

(1) Author: Estudio Pum - Project: Intrínsecos;  (2) Author: F61 Work Room, Anatoly Vasiliev, Alan Bur - Project: Gelateria Di Neve; (3) Author: Morgan Stephens - Project: Vineoh!;   (4) Author: F61 Work Room, Anatoly Vasiliev, Alan Bur - Project: Gelateria Di Neve; (5) Author:  Erik Musin,  Timofei Popandopulo, Aleksey Zadorozhnyi - Project: J. Curl; 

6.6 插畫

正如開篇所說，插畫覆蓋了幾乎所有的設(shè)計領(lǐng)域，就連包裝設(shè)計也不例外。

(1) Author: Meroo Seth, Nachiket Jadhav - Project: Auster Packaging;  (2) Author: Apus Agency, Isaev Vladimir - Project: Biji Coffee Company; (4) Author: Joanna Lisowiec - Project: Folklore Society Gin;  (5) Author: Andreas Roosson  - Project: coffee beans ;  (6) Author:Jasmijn Evans - Project: Ah hagel packaging;

希望以上內(nèi)容都大家在2019年的設(shè)計工作中有所幫助！