2020年应该保持关注的视觉设计趋势

去年要关注的是新拟物风抑或2.5D矢量插画又甚至是其它？让我们一出来看看在2020年或许会影响我们日常设计感受的三大设计趋势。

最近有长期的设计硬件和软件雨后春笋般涌现——Sketch,Figma,AdobeCreativeCloud,C4d,Redshift等等。这促使设计创作门槛越来越低，设计师们也无法以更多的方式和更低的成本表达自己的创意。

我认为态势应该是无法互相结合，还能以成就性的方法在web和许多APP中受到使用。如果使用恰当，3D插图、动画和自定义的组合可以为用户提供一套完整的解决方案。

3D插画

因为一批3D爱好者在Instagram上分享她们的作品，3D在2019年流行了起来。在2020年，3D设计领域会受到更加剧要的发展。

3D之所以变得极其流行主要得归功于一些强大的渲染工具，比如OC，RedShift等等，以及特别便宜的内存和其它软件设备。

越来越强大的软件或者越来越便宜的设备，使得不同领域的设计师们也无法通过3D表达自己的创意。

IllustrationsbyCrystalYumumuonDribbble

IllustrationsbyLuisYrisarryLabadíaonBehance

IllustrationbyMike|CreativeMintsonDribbble

IllustrationbyMike|CreativeMintsonDribbble

将平面设计概念转换为3D有无数种方式。我可以看见设计师们大多在下面领域重新构想旧的看法，形成新的作品。

几年前，网页设计师的设计软件还不应该会3D软件。鲜明反差的是，今天的设计师们正在变成更全面的设计师，不断学习绘画，摄影，C4D，动画等。

设计师们终于走了很长一段路，我喜欢见到它们逐渐蜕变为超级英雄！

动画

在现今快节奏的科技时代，动画的演进紧跟步伐。尤其是最近在3D领域的应用，把曾今的不可能谋求成为了也许，为非常充满趣味性的设计开启了大门。

2019年，我写了一篇关于2D和3D混合使用的态势，预测设计师能有更加多的创意空间。随着科技支持更进一步，设计师可以更加强胆的去探讨2D与3D结合的趣味，产出的动画流畅顺滑，这一态势在2020年显然会大放异彩。

在2019年，我们注意到在一些网页中，动画被特别多带有想象力的方法展现。一个很棒的举例是苹果AirPods页面。

毫无疑问，在2020年，网页上会发现相当多的过渡动画，场景动画，这得益于网站技术的支持，一些新的JS库，比如ScrollMagic.js,Three.js,Anime.js,Mo.js,Velocity,ScrollReveal等等。

我用ScrollMagic库设计了一个我的个人网站，它相当轻量，但很强大。尽管我直接应用库来做，几乎未做更改，但是仍然可以取得相当好的网站效果：

我的个人网站图片

使用SwiftUI库可以让iOS设计师很随意的做出不错的动画。下面的动画是我用SwiftUI不到10分做起来的动画效果。

基于这种动画库和软件，能做出相当复杂的2D和3D动画。设计师才能更加强胆的设计时尚效果，开发以后也能非常容易的用代码实现起来。

IllustrationbyZakSteele-EklundonDribbble

IllustrationbyDanielTanonDribbble

IllustrationbyStian◒onDribbble

动画可能看上去像一个闪亮的新玩具，但我们必须小心使用。过度使用动画除了会妨碍用户体验，还会影响性能。

自定义或是组件化

在2019年，我们见证了人数增长的定制插画，特别是在商业设计中。这个趋势在2020年将受到延续。

然而在几年前，很难说服用户采取合适他们的业务或市场的插画，但目前这点尚未作为市场标准。

组件化图片一般应用于通用对象，即这些容易可视化的对象。随着人工智能，大数据，区块链和机器学习的盛行，这些插图广泛应用于web和UI设计早已变成不争的事实。

IllustrationbytheNetguruTeam

IllustrationbyDanielTanonDribbble

IllustrationbyBenSchadeonDribbble

IllustrationbyCalvinSpragueonBehance

拟物设计是依照真实世界物件的风格，也是在初代iPhone上被应用的最亮眼的趋势。巅峰过后，就逐渐被人淡忘。现目前，新拟物更多的被应用于游戏设计或复媒体设计中。

IllustrationbyPaarthDesaionDribbble

设计师们观念到，简单易懂的风格能更好的讲好故事。干净的简约也因而设计师无法设计出简约独特的插图。

哪种风格会持续下来？

我唯一能确认的就是将来会更加越来不确定。我这篇文章中的推测是基于观察，分析数千个网站，设计稿，插画等等得起来的。

最近设计圈相当疯狂的瞩目新拟物风（软UI），在一些功能简单的应用像音乐或日历应用上效果很不错。为了画出新拟物风的效果，你必须做3层有差异的底色：1、最浅的底色用在左上角的投影上2、中间色用到元素及背景上3、最深的底色用到右下角的投影上

我今天用这些方式设计了一个音乐APP概念。

新拟物风才刚刚站上表演，所以我并不确认它能否能作为主流。我们必须提到它再次发展并能真正应用到实际的APP中。

针对这次，新拟物风并不能代替扁平设计趋势，它也是一个简单的加法。

渐变在现在也很流行，许多人不确认它能否会大幅下去。但是，渐变在这次终于非常合适UI设计，它提供了相当精致的视觉感受。

Stripe’shomepage

IllustrationbyMike|CreativeMintsonDribbble

我热切的期望设计师们无法在去年使用这种态势，并能综合很多设计方式为客户提供极致的顾客体验。

原文：彩云译设计