[好文精選] Behance 2019 設計趨勢

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

source: www.behance.net/gallery/714…

​咱們嘗試研究在數位設計領域即將到來的 2019 趨勢。咱們的預測是基於咱們在最負盛名的世界設計機構和今年設計競賽的獲獎做品中，觀察到的顏色，排版，形狀和尺寸的深刻分析。

​

年度重點

雖然在 2018 年插畫風格就已是重點，但到了 2019 年插畫設計會繼續上升到一個新的高度，根據最近的統計數據，插畫風格的視覺效果對比普通攝影照片的轉化高達 7 倍之多。品牌們也愈來愈趨向於尋找充滿活力和風格的插畫做品來體現本身的品牌調性，獨特的插圖與大膽的色彩會使產品品牌更能脫穎而出。

(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.1 大膽的用色（Bold Color）

從 2018 年，在數位領域的設計師們已經開始偏向使用鮮豔的色彩，這種趨勢在 2019 年將會變得更加流行、更加大膽，大量的過飽和色調將會更廣泛。同時 Pantone 已經公佈了 2019 年的色彩趨勢預測，若是今年但願本身的設計能被更加註目，或許能夠嘗試使用大膽的色彩。

(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）

從事數位設計的設計師大多習慣以完美對稱來完成構圖，但經過適當的不對稱性，不但能夠避免傳統的平衡構圖方式，還能讓你的設計脫穎而出。建議設計師能夠透過一些元素，如排版、幾何形狀、3D渲染，以建立獨特的不對稱構圖，達成達特的視覺效果。

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

1.3 動效（Animations）

好的動畫效果一直以來都能對產品或應用起到很多加分的做用。在網站，廣告或應用程序中設計的小動畫，可使用戶更多地與您想傳達的內容進行互動。

到 2019年動效效果仍然有很多成長的潛力。

(1) Author: Markus Magnusson — Project: Boyz; (2) Author: Aleksey Vasiliev — Project: Flowers;

1.4 混搭風格（Eclectic）

透過融合多樣化的風格，產生不一樣時覺效果的衝突，能夠產生驚人的結果。這種不拘一格的設計方法可能很是具備挑戰性，但絕對能夠在 2019 年帶來獨特的設計效果。

(1) Author: Slava Kornilov — Project: FRASH Canada; (2) Author: Caroline Blanchette, PINCH Martin Tremblay — Project: O L A 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 年底出現了大量的迴歸，而即使到了 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 透視設計（Isometric Design）

這類 2.5D、C4D 效果的設計風格，一直在過去幾年展露頭角，但隨著 AR、VR、MR 等這類真實世界三維空間的設計概念引入，以及插畫風格的大量運用，在 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 設計（Augmented Reality）

加強現實類的技術，已開始出如今網頁設計或應用程序設計等領域。許多平臺開發者也嘗試將加強現實技術歸入其開發工具裏面，可預期的這類型的應用將會愈來愈多。這是一個相對較新的趨勢，所以不可在 2019 年遺忘它。

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

1.8 天然風格（Natural Photo）

更爲天然，非刻意爲之的照片更受到現在的設計行業寵愛，同時也是接下來圖像領域的重點趨勢方向。

Source: unsplash.com (1) Photo by: Charles Deluvio 🇵🇭🇨🇦; (2) Photo by:Ivana Cajina; (3) Photo by: Suad Kamardeen; (4) Photo by: Tetbirt Salim

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

隨著谷歌首先實如今移動端使用響應式網頁技術後，移動端如今已成爲產品優先考慮的設計因素。移動端第一，首先是爲移動用戶設計網站，而後在建立一個也適用於桌面用戶的版本。

(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 減負設計（Negative Space）

少便是多！在設計中作減法一直都能有不錯的效果，目前在全部設計領域都看到或多或少這類負空間的使用，而 2019 年將更大量的使用於網頁設計和應用程序設計中。

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

2.3 定製插圖（Custom made illustrations）

正如前面所提到的年度趨勢，插圖一直是幾年中不斷增加的主要趨勢。在 2019 年從登錄頁面到整個網站，定製插圖將會風靡整個數位設計行業。

(1) Author: Daniel Tan — Project My Portfolio Website;(2) Author: Daniel Tan, Daphnie Loong — Project: Tofu Design — Website & Identity;

2.4 情感化圖標（Illustrative Icons）

好的圖標能夠天然的把用戶的視線，導引到須要重點關注的信息或功能上。同時也能天然地將與服務相關聯的信息，透過良好的視覺層次結構說明。

同時搭配好使人會心一笑的情感化設計，確定能起到不錯的效果。

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

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

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

(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）

大量的研究數據代表，2018 年使用短視頻能夠提升更高的轉化率。視頻相較於文字與圖片，能夠在幾秒鐘內傳達更多更好更清晰的內容，同時也仍持續吸引用戶的注意力。

​

​Author: Agency lg2 — Project: Vacances Air Canada | Digital Experience | lg2

2.7 動效（Animation）

動效設計早已經是數位設計行業中不可或缺的專業，試著在你的移動產品或網頁設計裡，加入一些順暢的平滑過渡或漂亮的懸停效果，可讓你的設計更加地吸引人。

​

(1) Author: Anton Skvortsov — Project: Desert road scroll animation; (2) Author: Leo Natsume — Project: Destination for the trash;(3) Author: Anton Skvortsov — Project: xore;

​

2.8 微交互（Micro-interactions）

微交互效果是移動端上，經常使用於建立微妙視覺效果的小動畫。今年，咱們比以往任什麼時候候都要更關注這些微觀互動。

​

(1) Author: Charles Patterson — Project: Made with InVision Studio; (2) Author: Hoang Nguyen — Project: Create New Document Tab Bar;

​

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

隨著近年對於排版的關注，許多巨頭企業如蘋果，都在嘗試選擇經過獨特的字體與排版風格來作出品牌聲明。在一些場景下，透過排版能達到更好的說明。

(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）

網頁設計中柵格突破在 2018 年底開始盛行，能夠預見在 2019 年能夠看到更多結合柵格突破的方式，與元素重迭的網頁設計組合，但在使用時，記得始終要牢記移動端的體驗！

​

​(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 形態的插圖在過去幾年中已經開始大受歡迎，許多大品牌也使用 3D 效果來做爲產品宣傳渲染，如：運動鞋，運動裝備，包裝設計等等。

​

​(1) Author: spiilka design büro — Project: Megogo Brand Identity; (2) Author:Apus Agency — Project: Teleset Plus. Telecommunication company;

​原文中還包含了許多設計趨勢，好比排版、字體、品牌、動效、包裝等，還有許多很精彩的收集，感興趣的你們，不要忘記過去原文看更多內容喔！

​

(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;

​

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

​

(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;​​​​​​​

(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;

學習後，你們不妨動手作起來！

摹客爲各位設計師準備了【專屬福利】！

點擊進入摹客iDoc網頁 idoc.mockplus.cn/get-idoc

註冊後憑體驗碼 anne 便可免費領取協做版升級福利哦！

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

此篇文章原文爲 2019 Design Trends Guide ，由原文做者:Loredana Papp-Dinea 與共同做者: Mihai Baldean，發表於 Behance。