至精至简:UI设计中极简主义的力量

简单并不意味着粗糙。少不是含糊,也不是指小。空气不等于虚无。今天我们谈论的是极简主义。 在书籍«The More of Less»中,约书亚贝克尔(Joshua […]

2018年5月29日

简单并不意味着粗糙。少不是含糊,也不是指小。空气不等于虚无。今天我们谈论的是极简主义。

在书籍«The More of Less»中,约书亚贝克尔(Joshua Becker)说:

“你不需要更多的空间,你需要更少的东西。”

极简主义在当今的生活和工作中经常被讨论,各类的设计中也是这样。让我们来看看它有什么优点和需要注意的地方。

 

什么是极简主义?

其实,极简主义是一个在人类活动的各个领域都有广泛意义的词。《韦氏词典》将其定义为“一种风格或技巧(如在音乐、文学或设计中),它特点是极其简约”。极简主义 被应用到越来越多的领域中,同时保存了它的核心特征:有意义和简单。

在20世纪60年代的纽约,极简主义作为视觉设计的一个方向特别流行,当时,新老艺术家在绘画和雕塑中向几何抽象方向发展。这一运动在包豪斯、迪斯蒂尔、建构主义等艺术作品中得到了体现。在视觉艺术的不同领域中,极简主义的主要原则是只留下部分特征来集中观看者的注意力,并支持着总体的优雅。线条,形状,点,颜色,多余的空间,构图——一切都要发挥它应有的作用。今天,我们可以在各种各样的生活领域遇到极简主义:建筑、艺术、摄影、各种设计、文学、音乐甚至食物展示。

“形状、体积、颜色、表面本身就是一个东西。它不应该被隐藏在一个完全不同的整体中。”与极简主义有关的美国艺术家唐纳德·贾德(Donald Judd)说,“这些形状和材料不应该被它们的环境所影响。”在这种风格下,设计者寻求使界面简单但不空洞,时尚但不超载。他们倾向于使用负空间,大胆的颜色和字体组合,和多功能的细节,使界面简洁优雅。简单与简陋的分界线很模糊。这就是为什么不是所有的设计师都冒险尝试这个方向:有些人可能认为它看起来太体面了,而另一些人则没有找到足够的方法用较少的元素来展示更多东西。

Architecture Blog

极简主义的特点

设计师经常提到的极简主义的主要特征包括:

  • 简单性
  • 清晰度
  • 有表现力的视觉层次
  • 高度重视比例和构图
  • 每个元素的功能
  • 大量的备用空间
  • 高度关注核心细节
  • 作为重要的设计元素的排版
  • 消除非功能性装饰元素

当然,这个列表可以继续,但现有的已经能表明UI中的极简主义是符合用户友好的趋势的。明智地应用,它可以帮助用户看到界面的核心元素,并使用户的旅程直观而有目的性。此外,极简主义界面通常看起来复杂且整洁,将审美满意度视为用户体验的核心因素之一。

Dance Academy landing page

极简主义在数字设计中的实践

今天,极简主义是网站和移动应用程序设计中广泛流行的趋势之一。要考虑的要点可以用以下作品来描述。

平面设计

平面设计成为了现代数字产品中极简主义的伟大支持者。这个方向最突出的特点是将平面二维视觉细节作为高度逼真和细致的拟物化图像的对立面。平面图像通常使用较少的元素和曲线,避免高光,阴影,渐变或纹理。这种方法允许创建不同分辨率和尺寸的图像,按钮,图标和插图。它可以让设计师增强用户界面的可用性和视觉和谐。

然而,“扁平”和“极简”这两个词不能相互替代,这在今天是经常会发生的。它们是不同的。“扁平”在渐变、纹理、阴影等方面表现了界面的图标、插图、按钮等视觉元素的风格。“极简”有更广泛的含义,涉及到布局、组成、调色板、对比度和所有关系到视觉表现的方面。因此,扁平化可以说是创建界面的极简化的方法之一。

Cafe Coupon App

单色或限色板

在界面设计中,颜色是一个非常有潜力的特性,因为它可以在产品和用户之间建立信息和情感的联系。在极简主义设计中,设计师倾向于从色彩选择中获得最好的效果,而且在大多数情况下,他们将调色板限制为单色或最小的颜色集。这增强了所选择的颜色,并且不会因为太多的变化而分散用户的注意力。这种方法有效的帮助了用户在特定的行动中集中注意力,如购买、订阅、捐赠、开始使用等特定行为。此外,从心理学的角度来看,颜色通常传递用户感知到的特定联想和情绪,所以使用限色板选择颜色,会使所选颜色在这方面表现的更加强大。

Slopes Website

大胆而富有表现力的排版

极简设计中的排版设计被看作是一种核心的视觉元素,它不仅能让用户了解内容,而且能设定风格,提高视觉表现力。在对图形进行简洁使用时,设计者往往注重对排版的选择,而不急于对图形的配对、大小和组合进行测试。像颜色一样,字体和字型也是让画面优雅和感性的一种强大的图形元素。另一方面,可读性和易读性在选择中也是首要考虑的因素。

Upper App

选择限制

极简主义界面的一个强大的方面就是增强了用户的集中度。这种页面和屏幕注重功能和简洁性,通常不会因为装饰元素、阴影、颜色、细节和动作而使用户的注意力过载,因此,它们支持高关注率,并且能够让用户快速解决他们的问题,并在网站或应用程序中起到导航的作用。

Birds of Paradise Encyclopedia

突出的主题视觉元素

在极简设计界面上工作,设计人员不会使用很多图像,但那选择使用的图像是真的突出、吸引人且信息量大。这种方法在选择 “正确”的图像的时候需要下大量的功夫。照片或插图本身必须遵循极简原则,否则,选择错误的图片就会破坏所有布局的完整性。

Architecture Firm

简洁直观的导航

极简界面中的导航提出了另一个挑战:为了只显示最重要的元素,设计者必须严格地排列元素的优先级。用不同的技术来隐藏导航中的部分是至关重要的,因为这样能够确保用户轻松地找到他们需要的内容。这就是为什么极简主义方法会受到批评的原因之一:没有被适当的展示和足够的测试,像汉堡菜单和隐藏的布局元素等设计方案可能会让一些用户在浏览网站的过程中迷失方向。显然,这不是好的积极的用户体验,因此导航的每个解决方案都应该遵循“测量三次,切割一次”的理念。

添加气氛并使用负空间

数字设计中的留白(也称负空间)是一个更多地关于空间而不是颜色的术语。在极简主义中,它是添加优雅并展示核心元素的一种更有效的方式。此外,就单色或有限的调色板而言,留白或负空间在创造足够的对比度和支持可读性方面发挥着重要作用。

Ice Website

网格

极简界面中的网格系统可以有效地使布局看起来高度组织化,特别是网站呈现大量的同质内容时,网格响应也特别友好。

对比

遵循极限和简单的哲学,极简主义在很大程度上取决于对比工具良好的视觉体验。颜色、形状和布局的选择往往是基于对比度的关键特征。

Bjorn Website

 

极简主义有很多好处,为创建用户友好的界面方面提供了好方法。然而,这并不意味着极简主义适用于任何地方:每一个目标都应该通过适当的手段来实现。有一件事是肯定的:界面越简约,设计师就越需要花费时间和精力来让它变得清晰和实用。极简主义的优雅和简约之美应该为良好的用户体验提供全局化的支持。

 

文章来源:

至精至简:UI设计中极简主义的力量

责编:于佳怡(文字)

编辑:栾京霖

翻译:栾京霖

发表评论

电子邮件地址不会被公开。 必填项已用*标注