扫码登录 我要学设计网
设计师的职业进阶课堂

微信扫码登录 | 方便安全省心

2021占据主导的UI/UX趋势,你掌握了几个?

小编精选 2021年07月12日 发布 / 574 次阅读

没人能够预测未来会发生什么,但是在数字世界中,趋势确实存在于设计师的圈子中,并且在有规律的演化中。大家可能已经看腻了不少趋势研判文章,但是,适当总结一下当年的趋势,把这个时间线拉长,你会觉得非常好玩。从移动端设计刚开始流行的时代,到现在,设计趋势都发生了哪些变化呢?它们是不是又会返祖,复古?周而复始?咱们不得而知。


虽然2021年已经过去一半了,不过,今天咱们还是先Review一下2021年正在流行的几个设计趋势,加深一下印象吧!


当然,各位设计师,趋势仅仅是一种现象,想要做的出圈、与众不同,我们必须站在趋势之上,做出自己的创新,这样才能在千篇一律的设计中独当一面。




1、UI中的3D元素


3D 图形越来越多地出现在 Web 和移动界面中。毫无疑问,将各种 3d 图形应用到移动和 Web 界面是一项相当大的挑战,需要良好的技能和艺术眼光才行。在我们的 UI/UX 设计中添加 3D 元素有很多好处:


· 让用户更好的理解设计意图和元素;

· 让用户流程的设计更加轻松有趣;

· 可以实现360 度的演示;

· 3d 元素看起来对用户更具吸引力,从而触发他们的长期参与。


1.1.png1.2.png1.3.png

By Mako Tsereteli




2、玻璃拟态(Glass Morphism)


玻璃拟态是大多人更喜欢的最新UI设计趋势,它引人注目且色彩缤纷,这种趋势兼顾透明度和层次感。玻璃拟态设计给人以磨砂玻璃的感觉,近一段最受欢迎的趋势。这种风格深受苹果在 2013 年推出的 IOS 7 和 windows vista 中首次引入的类似概念的影响。在许多情况下,如果使用得当,Glassmorphism 可以使网站和应用程序对用户更具吸引力。


2.1.png2.2.png

By Mahmudul Hasan Manik




3、暗黑模式(Dark Mode)


深色主题现在已经成为应用必备的界面了。手机的白色界面可能对我们的眼睛造成更多的刺激,这就是所有应用程序和网站都加入了暗黑模式设计的原因。暗模式有一些我们应该遵循的特定规则。深色主题的主要优点是在弱光环境中具有更好的可读性。作为 UI 和 UX 设计师,我们应该明白它的主要作用,它主要是减少了用户的眼睛疲劳并提高了夜间的可读性。


3.1.png3.2.png3.3.png

By Julius




4、无色界面(原词Colorless)


色彩理论知识在每个 UI 和 UX 设计中都至关重要。正确使用颜色对于为您的客户创造正面形象很重要,这就是颜色在 UI 和 UX 设计中扮演重要角色的原因。大多数 UI 设计师都使用鲜艳的色彩来将用户的注意力集中在重要元素上,并使我们的设计令人难忘。下图分别为单色调和双色调界面。


4.1.png4.2.png4.3.png4.4.png

By Resuscitation




5、包豪斯风格


包豪斯的风格通常被描述为艺术和手工艺运动与现代主义的结合。包豪斯设计几乎没有装饰,注重平衡的形式和抽象的形状。今天的 UI 和 UX 设计,也可以理解为包豪斯的复兴。包豪斯设计在UI设计上的核心,就是将设计简化为必要的功能,使其美观和轻松,以及精心制作每一个小细节。


包豪斯设计几乎没有装饰,注重平衡的形式和抽象的形状。今天的 UI 和 UX 设计也是包豪斯风格的复兴表现之一。


5.1.png5.2.png5.3.png

By Beto Garza "Helbetico"




6、白背景及颜色


在当今的设计中,白色背景越来越受到大家的欢迎。了解色彩心理学是创建配色的一个关键方面,这在数字设计中效果很好。吸引用户的最佳方式是通过“色块”平衡单色背景色与亮色,以突出数据中的重要内容或者异常提示部分。少即是多,当您在 UI设计中使用较少的颜色时,这将对用户更具吸引力和亮点。


6.1.png

By Resuscitation




7、UI中的动画插图


插图是用户界面中更直观的视觉阐述,也一直是UI设计中长盛不衰的“趋势”之一。动画插图,在与用户交互过程中为UI注入了强大的生命力。它帮助用户获得更立体的反馈,为创建更生动的微交互创造了条件。


7.1.png7.2.png

By Rachelizmarvel




8、极简主义


极简主义是 UI 设计中使用最多的“风格”之一,它有助于改善用户体验。在我们的 UI 设计开始极简设计之前,有必要了解术语“极简”的含义以及为什么极简在 ui 中很重要。下面是极简主义的特征:


· 简单;

· 清晰度高;

· 富有表现力的视觉层次结构;

· 凸显每个元素的功能。


8.1.png8.2.png8.3.png

By Shakib



原作者:Cherooth Raheem

原文:https://rhmcherooth.medium.com/8-leading-ui-and-ux-trends-to-dominate-in-2021-bb9c96846c47