2021年的UI设计趋势是什么？

你认为UI的未来会是什么？在这之前，我们可能会通过一些全新的趋势（和一些熟悉的趋势）来看看。人们熟悉的大多数应用程序又开始重新看起来一样……

当第一部iPhone推出时，使用多点触控手势与小型设备进行交互的想法相当新颖。为了让人们更舒适地使用，最初的设计采用了拟物来设计UI。

这基本上意味着他们使用了 “真实世界 “的元素，比如木质书架，笔记中缝制的皮革，以及你翻阅的CD封面，让你感受到新的数字世界。通过使用熟悉的物体，它在降低新用户的进入门槛。界面不像你以前见过的任何东西，但它仍然是熟悉的。

 

人们习惯了触摸设备

然而，过了一段时间，人们习惯了他们的手机，木头、金属和皮革开始显得过时和无聊。我们渴望新的东西。一些新鲜和光滑的东西。一些更数字化的东西。

 

一些平淡的东西？

归根结底是我们对手机屏幕 “平面化 “的理解。仿3D元素和现实世界的纹理在心理上与这种平面感产生了冲突，造成了一些不和谐。

由于我们手机的玻璃是100％平整的，因此界面看起来像是内置的立体模型。

 

扁平化吧!

所以2013年发布iOS 7后，苹果决定 “扁平化”。大部分阴影都消失了。按钮现在大多只是文本链接。一切都是纯粹的二维，没有伪装的假3D。

扁平化的想法是，界面就是它的本质–一堆像素显示在平面上。虽然准确和现代，但人们明白缺少了一些东西。一些真正 “按下 “按钮而不是接触平面的玩法。

Windows Phone尝试了这种大胆的方式（而且是以一种非常漂亮的方式），但这种 “无趣 “的感觉与几乎没有应用的情况相结合，扼杀了这个平台。

显然，我们喜欢这种欺骗。

平整度使界面更贴近玻璃，但玩起来却不那么有趣。

 

我们需要 “材料 “是真实的。

Google在2014年推出了 “Material Design “来回答这个问题。归根结底是基于Android的数码产品的设计系统，总的原则是使用图层。而不是单纯的依靠他们X轴和Y轴，它又引入了Z轴。

卡片的概念，让其他界面元素（如按钮和froms）堆叠起来，比起iOS 7的毫无生气的平面感，是一个很好的升级。深度给界面元素赋予了层次感和目的性。它还有助于更快地识别它们的真面目。一个投射出阴影的按钮被识别为按钮要容易得多，而不仅仅是一个扁平的形状。

从侧面看，我们可以看到每个对象在Z轴上占据了自己的空间。

 

材料变简单了。

为了让它更简单，它是一个平面和极简（卡片）的混合体，从Skeuomorphism时代提炼出深度的概念。设计师没有再试图假装我们的界面是由木头、皮革或金属制成的。它是由 “数字 “卡片制成的，但有一种空间感和深度感。

所以在某种程度上，它是之前两种风格的混合体，既保持了简约和清晰，又加入了急需的 “有趣 “元素。

由于最初只是安卓系统，所以我认为它并不能算作是一个完整的趋势，而是一个非常好的对目前设计趋势的过渡。一个在当时非常需要的过渡。

尽管对平面设计进行了可喜的更改，但大多数应用程序的外观看起来甚至更快。

然而Material Design却更快地变得无聊起来。

由于严格的、有据可查的、易于遵循的规则，Material Design很快就在整个Android系统中几乎被完全使用，而且毫无疑义。

这个事实加上有限的选择集（除了颜色，你真的不能做太多）很快就变得令人厌烦。花了两年多一点的时间，变得非常无聊，被谷歌更新，加入了一些 “有趣 “和差异化的元素。你现在可以添加各种装饰和奇怪的角度，让你的产品在准则内变得更 “你的”。

这并没有什么帮助…

 

Dribbble来拯救。

现在几乎已经找不到是哪个dribbble设计师在2016年前后掀起的 “现代 “风潮了。

当然这只是为了获得更多的点赞和关注的计划，但它流行起来了，我们就在这里。

通过引入柔和、多彩的阴影和曲线，它创造了一种具有 “积极氛围 “的应用风格。它在很大程度上借鉴了材质设计中物体相互叠加的方式，但它将完全扁平的元素与更重要的元素 “突出 “混合在一起。比起Material Design那种枯燥的卡片堆栈，它的美感要好很多。

随着iPhone X的发布，它得到了完善，包括更大的边框半径和通常过于复杂的动画和过渡。

 

那么下一步是什么呢？

我们已经在现代设计的各种需求中生活了近3年，我们已经到了这样一个地步，如果你在Dribbble上搜索一个 “应用”，你会发现99%的应用看起来都是一样的。

这种现代趋势看起来很好，但我们又掉进了同样的陷阱。

人们喜欢现代的设计，所以我们在所有的设计中都坚持使用柔和、多彩的阴影和大胆的字体在浅色渐变上。而我们所有的设计开始看起来都是一样的。

由于在真正的产品中要做到 “正确 “比较困难，所以在Dribbble之外花了一段时间才流行起来。但最终这种情况也发生了，有越来越多的应用程序开始看起来一样，不同的只是他们使用的颜色。

 

新的Skeuomorphism？

一种潜在的差异化是我称之为New-Skeuomorphism的东西。它超越了现代的一步，带回了一些仿三维，尽管不像以前那样有质感和真实的世界。

增加了那么一点点3D的真实感，让应用脱颖而出，让人感觉又 “新鲜 “了。

注意到包裹在卡片上的价格标签和按钮上非常微妙的纹理。有一些额外的深度，但任何地方都没有过于夸张的纹理。

我想这是UI设计比较可能的方向。回到100%的平面可能是不会发生的，因为我们喜欢欺骗自己。

不过还有一个很科幻的选项也还在考虑之中。

 

变形设备？

如果玻璃在3d UI元素的作用下可以向外弯曲怎么办？

 

由于界面是在平板玻璃下伪造3D，也许我们没有从正确的角度看它？

如果我们可以创造某种流体/触觉/力T-1000类型的玻璃，可以真正形成3D对象，并永远如此轻微地突出？然后，一个按钮可以简单地 “出现 “在真实的3D中，并添加阴影的连续性。通过按压它，我们可以感觉到玻璃按压下来，不仅有触觉的感觉，而且有实际的运动。

这肯定会改善打字的效果，因为键盘可以作为 “物理 “键出现在一个原本平整的屏幕上。

但在这之前，我们可能会通过一些全新的趋势（和一些熟悉的趋势）反复几次。

你认为UI的未来会是什么？

 

 

 

原文地址：UX Collective

译文地址：追波范儿（公众号）

作者：Michal Malewicz

译者：terechen