UI设计的新趋势：神经拟态概述

神经拟态设计是一种视觉趋势，受到 UI 设计师的青睐，并成为当代软件、网站和移动应用程序的流行审美选择。 利用照片写实和 3D 设计的各个方面，新拟态将模拟的物理属性（例如阴影和纹理）带入数字界面。 为了充分理解神经拟态设计的影响，让我们来看看它的起源。

神经拟态设计的起源

当 Apple 于 1984 年发布 Macintosh 时，它是第一台具有图形用户界面的个人电脑。 当时，苹果联合创始人史蒂夫乔布斯认为，熟悉的图标和符号，例如垃圾桶或文件夹，将有助于初次使用计算机的用户更好地了解如何在 Macintosh 界面中导航。 乔布斯于 1985 年离开苹果，但在 1997 年回归后，他将公司的 UI 美学转向了拟物化，这种风格使界面组件反映了它们在现实世界中的对应物，直至最后的细节。 到 2001 年 Mac OS X 推出时，Apple 已经开发了一个名为 Aqua 的成熟的拟物化系统——一种以水为主题的设计语言，带有闪亮的图标、按钮和下拉菜单。

随着 2007 年 iPhone 的推出，Apple 的拟物化品牌变得更加栩栩如生。 到 2010 年代初，拟物化设计已成为数字接口的实际选择。 但随着世界对移动设备的依赖程度越来越高，拟物化的局限性变得明显：创建拟物化设计组件需要大量时间，并且需要高度的技术能力。 虽然拟物化组件在桌面和主屏幕上看起来很棒，但它们更精细的细节在缩小到小尺寸时往往会消失。

与拟物主义的逼真渐变和纹理形成鲜明对比的是，2010 年代中期平面设计得到了广泛采用，这是 1960 年代极简主义的数字时代重启。 扁平化设计除了最重要的元素——线条、形状和颜色——剥离了所有界面组件，使其成为一种快速且高度灵活的风格，非常适合希望将其设计语言系统化的大公司。

几年来，拟物化对设计师来说是一种诅咒，但从它的灰烬中，一种新的趋势脱颖而出。 2019 年底，新拟态（“新拟态”的缩写）问世，似乎提供了其前辈中最好的。 在超现实主义和极简主义之间取得平衡，neumorphism 以一种感觉真实的方式使用颜色、纹理和阴影，而不会过于详细。

神经拟态 101

神经拟态设计具有三个共同特征：单色配色方案、低对比度和微妙的阴影。 UI 设计师能够将这些特征应用到广泛的设计组件中，这些组件展示了新拟态的柔和美感。 让我们看一个计算器应用程序，看看神经拟态设计是如何工作的：

在拟物化设计中，计算器使用渐变和高光渲染，其调色板有助于将前景与背景分开。 它的外观和功能就像您可能会在办公室周围发现的计算器。 同一计算器的平面设计版本放弃了拟态的代表性渲染技术，并依靠形状和颜色块来区分其各个部分。

神经拟态设计从拟态和平面设计中汲取灵感，将单色调色板与微妙的阴影相结合，使计算器的按钮看起来具有触感。 前景和背景之间降低的对比度使计算器具有柔和的效果，整体效果是一种简化的现实主义。

神经拟态设计的例子

现在您已经了解了它的独特属性，您会注意到无处不在的新拟态。 事实上，汽车、娱乐、医疗保健和金融等不同行业的 UI 设计师一直在重新构想具有新拟态标志性外观的界面组件：

神经拟态设计的优缺点

所有设计趋势都有优点和缺点。 如果使用得当，趋势能够为可预测的设计模式注入新的活力，但当趋势被迫进入不为用户服务的应用程序时，就会出现困难。 让我们探索神经拟态设计的优缺点，以更好地了解它的实用性。

优点

由于新拟态在视觉上很简单，因此非常适合数字产品，这些产品通常由数十个（如果不是数百个）屏幕和设计组件组成。 在数字产品设计中，简单有几个优点：它使设计师更容易创造具有美学凝聚力的体验——无论产品有多少屏幕。 它加速了概念化、构建、测试和迭代新屏幕的过程。 它还可以帮助设计师在产品发展过程中保持产品视觉上的一致性。

除了简单之外，新拟态的逼真特性可以使 UI 组件看起来更具触感，并且可能有助于向用户表示交互性。

缺点

虽然 neumorphism 是一种流行且广泛使用的趋势，但它确实存在可访问性问题。 如果设计师选择使用严格单色的神经拟态元素，它们可能会给有视觉障碍（如色盲）的人带来问题。 此外，新拟态依赖低对比度来实现其柔和的外观可能会妨碍可读性，并使用户难以识别按钮、图标、表单和其他重要的界面特征。

神经拟态设计是永恒的

当考虑到用户的需求（和可访问性）来实现时，新拟态是应用程序和网站的视觉上引人注目的 UI 设计选项。 其低调的阴影和柔软的纹理为 UI 组件带来了一种邀请交互的温暖。 在设计界，风格来来去去，但新拟态的简单性和触觉品质使其非常适合经受住时间的考验。