​​本文翻译自 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。