一文看懂2020年即将爆发的UI设计趋势！

相信最近很多小伙伴在逛Dribbble时候，发现最近流行一波新的设计风格，和以往不同的是，这次趋势又回到之前拟物化了，但它与纯拟物化还是有区别的，现在它有一个流行词语叫“新拟态”，今天就和大家分享下国外一位设计师对这个趋势的看法

！

拟态化是什么？

不久前，我们还观察到，这种变化开始在我们身边发生，苹果（IOS13系统）就是一个很好的例子。向最小化设计和轻拟物化发展，最终带来了无纹理3d视觉感官。受到了大家的喜欢，来看一张高清图。

Apple Pencil 

如下图设计风格，在dribbble上获得认可度比较高！

Dribbble用户alexplyuto的作品获得了四千多次赞，并带动了这一趋势。

这种设计引发了一波设计潮流趋势，尽管其中的有部分并没有实际意义（可滑动的后退箭头？），但这使我们对UI 再次产生浓厚的兴趣！

备注：可看出目前扁平化设计过于雷同，用户审美疲劳。偶尔出现新设计趋势风格，反而更个给各位设计师们带来新鲜感！

由于按钮的视觉表现看着变化不大（因为小了一些，不直观），因此我们将重点放在实际的卡片概念上，以使这种视觉表现更能直观感受出来。

这是例子，根据您的喜好进行调整：

优缺点

- 可见性

而且由于几乎没有人会尝试使用如此强烈的阴影，这意味着其余UI元素必须可访问。这种假设得出的结论是，如果我们通过版式，相近度和与重要元素的对比来进行正确的层次划分，那么这些卡片/凸起的塑料卡片并不那么重要。

尚未对此进行测试（我将尝试找到时间做这件事），但现在我们假设下面元素的两个“版本”均为“确定”。即使有些人看不到阴影，也有足够的对比度让他们看到图标并“使用它”。

但是，如果我们决定将组件用作按钮而不是卡片，则会出现可访问性的主要问题。

我们可以像下面的示例一样轻松创建带有内部阴影的按下状态。

对比度测试

此按下状态的对比度太小，不足以表示差异。是否可以通过改变的其余部分来表达按钮的状态，这里有一些想法，例如使用轮廓和填充图标，下划线或甚至用颜色填充按下状态。

尝试各种想法，但状态必须立即被识别。

开发

您可以轻松地将可开发的设计与这些卡片形状组合在一起（新拟态卡片），从而获得很好的效果。

作者练习的稿子（还未发布，还在设计中）

我们真的需要这些吗？

个人感悟