「设计趋势专题」UI设计师应该了解的2020视觉趋势
来看一下2020年的3个视觉趋势，可能会影响我们日常产品的UI设计
本文共1598个字，阅读大约需要6分钟。更多文章请关注“彩虹BOOK”设计公众号。
"是新拟物化吗？是等距插画吗？让我们来看一下2020年的3个视觉趋势，可能会影响我们日常产品的UI设计。"
最近频繁出现的软件工具-Sketch, Figma, Adobe's Creative Cloud, Cinema 4D, Redshift等等，让越来越多的人可以做设计，也让设计师能够运用各种形式来展现内容和创意。
我们可以看到网站和app中这些趋势的合并使用，如果运用得当，3D插画和动画、自定义插图可以为用户创造非常完美的体验，这3个趋势无论是单独使用还是组合使用都能表现良好。
3D插画
-
感谢3D爱好者的多次Instagram实验，3D在2019年开始流行起来，这个风格在2020年会更广泛的使用。
Illustrations by Crystal Yumumu on Dribbble
3D插画盛行主要是因为更强大的工具“OctaneRender”和“RedShift”的出现，以及更便宜的图形显卡，这也让更多不同领域的设计师可以应用3D设计。
Illustrations by Luis Yrisarry Labadía on Behance
有很多种方法可以将平面的设计转换为3D，我们可以看到很多设计师用新形式展现创意：
中小企业和大公司，高科技（如AI，智能学习，大数据）和IT公司
儿童插画和动画
实验性质的原始几何图形
Illustration by Mike | Creative Mints on Dribbble
多年以前，一个网页设计师的工具包里没有任何3D软件，但是今天的设计师，正在学习插画、图形设计、C4D和动画。
Illustration by Mike | Creative Mints on Dribbble
设计师们还有很长的路要走，我希望他们在成为超级英雄的路上走慢一点。
动画
-
在今天这个快节奏的时代，动画和动效趋势仍保留一席之地，最近的进步是：很多看起来不可能实现的，却在3D技术领域打开了新的大门，有了更大的可能性。
2019年呈现出2D和3D结合的趋势，这为设计师赋能，让他们可以在作品中增加多维度的信息，设计师们现在可以利用2D和3D来创建更错综复杂的物体和设计形式，利用2D和3D的流畅运动可以创造更真实的视觉效果，这在未来一年会继续流行。
在2019年，动效被创造性的使用的一个例子是：苹果的AirPods页面。
毫无疑问，在2020的网站设计中，场景建设和多场景转换的设计风格将会增加，主要原因是令人兴奋的新的JavaScript Library的出现，像是ScrollMagic.js, Three.js, Anime.js, Mo.js, Velocity, Scroll Reveal等。
ScrollMagic非常轻量化，功能非常强大，我用它创建了相当出色的个人网站。
A snapshot from web.dev showcasing my website's performance over time
像SwiftUI插件，可以让iOS的设计开发利用代码轻松做出动画，这是我花了10分钟用SwiftUI制作的动画。
这些库能更好的让复杂的2D和3D动画结合，现在设计师做出复杂的视觉方案，开发人员也可以很快的利用代码来实现。
Illustration by Daniel Tan on Dribbble
动画像是一个新玩具，但是我们必须谨慎使用。过度的动画既破坏用户体验更影响产品整体表现。
自定义插图VS图片库
-
2019年开始大量出现了自定义插图，尤其是在商业设计领域，这个趋势将会进一步延伸到2020年。
Illustration by Calvin Sprague on Behance
虽然几年前，我们还很难说服客户采用适合其业务或行业的插图，但现在定制插图已经变成了行业标准。
Illustration by Ben Schade on Dribbble
图库一般来说都不属于商标保护类型，所以非常适合拿来视觉化，通过AI，区块链，大数据和机器学习等技术，定制插图变成了一种现代网站和UI设计的视觉表现。
Illustration by Daniel Tan on Dribbble
还有什么呢？
-
对于设计趋势，我唯一能确定的事就是不确定，我的预测是基于观察和分析上千个网站、设计作品、插图而得来的。
这是当下比较火热的新拟物化（soft UI）设计趋势，尤其是对于小型apps，像是Music Player或者Calculator。想要设计新拟物化效果，你需要将三层阴影叠加：
1，左上角的亮色投影
2，中间的背景和形状之间的中等投影
3，右下角的深色投影
我最近根据新拟物化的设计风格，为“Music Streaming Service”设计的概念稿。
新拟物化是一个新生的设计形式，我还不确定这是不是一个继续下去的趋势，他是否能够在实际的app中应用和发展还需观察。
现在来说，新拟物化不会代替扁平设计的趋势，它只是除了扁平风格的一种选择。
渐变风在当时也很流行，很多人也不确定它是否能够持续流行。但是从现在看来，渐变风非常适合UI设计，它提供了一种非常优雅的用户体验。
Stripe’s homepage
Illustration by Mike | Creative Mints on Dribbble
我非常期待设计师们将会在今年带来怎样的设计趋势，以及怎么结合多种技术来提供出色的用户体验。
