介绍
日前，在网上流行起了一种叫 Neumorphism 的新风格，也有人称为 Soft UI，这是一种类似于浮雕的效果。
这种风格的出现，给目前流行的扁平化设计增加了一种新的设计形式，很多媒体甚至还将这个风格列为 2020 的设计趋势，三星 Galaxy 系列的发布会宣传海报也使用了这种风格，可见这个风格的火热程度。
那么一开始我们不讨论这个风格好还是不好，先来了解一下这个新风格趋势。
最开始是一位来自乌克兰的设计师 Alexander Plyuto 在各平台发布了新的作品「Skeuomorph Mobile Banking」。这个作品自发布以来就获得了数十万浏览量，数千点赞数，热度持续飙升并登上 Popular 榜首。
(att.uibaba.com/p/202002/89dee32c91bb20b876b442bcefdef322.jpg) 作者是用 Skeuomorph 来命名这个作品风格，评论区就开始了这种风格的讨论，有的人说这是新的拟物风格（New Skeuomorphism），也有人说这是拟物风格 2.0 版本（Skeuomorph 2.0），
而后来就有设计师创出一个新的虚构名词，把 New Skeuomorphism 两个词组合，Neo 谐音 New 就是 Neuomorphism。
这个名字就这么火了。大家都开始用上了这个名词出作品，成为了设计新趋势。甚至连作者后面的作品，也使用了这个名称。
再后来国外知名设计师 Michal Malewicz 发布了一篇关于这个风格的文章，将 Neuomorphism，删减了里面的字母「O」，改成了 Neumorphism。在大神的推动下大家又开始争先恐后地使用这个名称。
目前有各种对名称的说法，Neuomorphism，Neumorphism，Skeuomorphism，Soft UI，在没有实际确定的情况下，其实怎样叫都无所谓，重点是我们要知道这种设计风格趋势，关注的不是名字，而是设计。
拟物风格
Skeuomorphism（拟物）。这是最早被 Apple 提出的设计概念，就是在界面中模仿现实物体纹理材质的设计，目的是让人们在使用界面时习惯性地联想到现实物体的使用方式。
拟物写实的设计风格曾经风靡全球，当时的 UI 设计师几乎都对拟物作品着迷。
而在 2013 年的 WWDC 大会中，苹果公司发布的 iOS7 系统，系统 UI 使用更简洁的设计风格。这场大会也使拟物风格逐渐过时，直到现在扁平风格的全面普及，拟物风格就再没有被广泛应用。
从前几年的设计趋势可以看到，扁平风格作为更高效更简洁的风格被设计师推崇，再加上苹果系统 iOS 7 设计风格的面世和谷歌系统规范 Material Design 的普及，扁平风格在 UI 设计中一直占据重要位置。
但设计的流行趋势也一直在改变着，在苹果公司最新发布的 iOS 13 系统中，就有出现轻拟物的设计手法，接着就有一大堆设计师猜测是不是拟物风格的回归，但我看系统中大部分界面设计也还是扁平风格，
并没有把拟物风格作为主要设计风格，也许只是某种程度上解决了画笔的视觉识别问题。
设计
其实要做到这个效果并不难，了解一下这个风格的结构。
(att.uibaba.com/p/202002/6e127024b701244ca67e89ca66dcb595.jpg)
主要有三个样式组成，1 个背景+ 2 个投影。在这个基础上，通过改变颜色和大小参数来达到不同效果。
(att.uibaba.com/p/202002/af60dd783337284abc4e2fc7643e41a0.jpg)我尝试着使用彩色去做这个效果，使用浅色背景时还是有效果的，但使用深一点的颜色时，问题就出现了，效果更像是外发光或者普通投影。这也可能是为什么大多数作品都采用比较素的颜色作为背景的原因。
(att.uibaba.com/p/202002/86dcf3d60222063652d8591e9e7655c6.jpg)例子
这个风格最大的问题就是缺少对比度。在色彩使用上比较克制，没有大面积的平铺颜色，仅在极少的位置进行色彩点缀，作用是吸引眼球。从众多设计师的作品可以看出，整体视觉是比较平的，缺少层次。
(att.uibaba.com/p/202002/76561284937f46d4b2457e98153f0ead.jpg)
我拿其中两张图进行了 15% 强度的模糊处理，可以看到除了点缀的位置以外，界面是没有重点的。
(att.uibaba.com/p/202002/83463eb2bc0141b0ba96ac3b94195963.jpg)缺点
因为在界面中除了文字以外，几乎所有元素都应用了这种效果，导致界面所有内容看起来都是按钮的错觉。界面中的主要操作按钮也没有被重点提亮。
正常态和点击态的对比度并没有拉开，容易造成状态混淆。点击欲望比较低，不利于引导用户进行下一步操作。
(att.uibaba.com/p/202002/56c45ab36f4d60f8b901a6dd61dbf439.jpg)动画
跟拟物效果的动画有同样的问题，元素动画效果很难做得轻快，更适合按钮的使用。由于视觉层级跟背景没有实际分离开，就像固定在了背景上一样，所以动画效果只要出现移动，就会让人觉得不合理，
容易给人一种虫子在皮肤底下蠕动的感觉。