关于极简主义设计，这篇文章帮你安排得明明白白

来源：优设网 

作者：CARRIE COUSINS 

译者：陈子木

编者按：这篇文章提纲挈领地总结了极简主义设计的一些特点，不妨借此机会把关于极简主义设计的文章都梳理到一起，系统化地学习一下。一篇文章，告诉你想知道的一切，应该不错吧？

我们已经聊过太多的极简主义设计，趋势，技巧，方法，策略，都有所涉及。不过聊多了之后也容易迷惑，因为许多掺杂其中的东西，让极简主义的设计的概念显得不那么明晰了。

极简主义本身是一种设计理念，垂直到UI和平面设计领域当中的时候，设计中的每一个元素都应该是有用的。它简单，干净，漂亮，且非常实用。极简主义的设计易于用户理解，参与度也搞。

今天的文章，我们打算把知识点梳理一下，用下面的 10 个规则来设计，能帮你搞定真正的极简主义设计。

1、大量的留白

Plastic

在极简主义设计当中，留白是必不可少的组成部分。留白能够营造平和感，能够创造视觉焦点。

将必要的信息和视觉焦点营造出来，然后使用留白包围它们。通过这种方式，将核心的信息凸显出来，让用户只做必要的事情，关注必须的信息。

上面的Plastic 这个网站就是一个留白使用的典范。

2、用栅格来规整元素

Cory Etzkorn

栅格系统可以让简约的设计更加富有条理。栅格本身就是用来构建规则性，赋予信息和元素以条理和有序感的，在此基础上，能够让元素的逻辑更加顺畅。

栅格系统让UI界面和平面设计有了更容易遵循的逻辑模式，即使是在极简的设计作品当中，有限的元素在整个空间中，也可以建立足够正确的空间关系，使得整个设计工作协同更加自然。

Cory Etzkorn 为他的作品集网站加入了整套栅格系统，案例图片和下面的标题、文本都保持着精准的左右对齐，营造出一种整饬的视觉体验，即使是点击交互触发界面变化，也遵循着潜在的栅格，使得整个设计充满了协调感。极简设计只是看看起来简约，但是内在所遵循的规则和条理感，让它显得一点也不单薄。

3、扁平化的元素

Liber Finance Group

扁平化的设计风格不仅是目前的主流，而且在精神内核上和极简主义保持着一致。当然，如今的扁平化设计和之前有所不同，渐变和阴影的加入使得它向前走出了一大步，也不再是“纯粹的”扁平化了。

扁平化的设计元素，无论是图标的设计还是色彩的控制，都会尽量控制信息的层次和量，这一点和极简的需求是一致的。无论是设计网站还是APP，都尽量去除不必要的交互，保持动效的直观和简约。

Liber Finance Group 的网站就采用了扁平化的设计，整体呈现出简约的风格。底部的视觉元素采用了单色的线条，动效自然而简单，用户不会因此而感到信息过载。留白、视觉元素、文本之间达到了平衡，而动效和色彩的控制，则让整个设计自然而生动。

4、保持一致性

Motus

无论是传统的平面设计还是更加数字化的网页和APP的设计，极简风格下，所有的元素都应当保持一致性。杂乱无章是会让用户和观者感到困惑的。

虽然有的页面内容可能会需要承载更多的内容，但是极简主义的设计风格约束下，信息只是横向拓展，内容的风格和元素的统一性是不能被打破的，这样对于用户而言，也是贴合预期的。

Motus 这个网站首页主要是用来展示自行车的，白色背景+产品+大标题的设计模式贯穿整个设计，其中提亮的彩色文本在不同的产品中各不相同，但是这种“变化”也是整体一致性的体现。整个设计从风格到一致性的把控上，都贴合极简主义的精神。

5、在不对称中保持平衡

Visme

即使是韦恩·安德森也无法确保他电影中每一个画面都是对称的。在极简主义的网站当中，完美的对称总归是少数的存在，而设计师也无需刻意去追求完美的对称。但是视觉上的均衡，则需要设计师力求做到。

有的时候，不对称的设计会更加具有分量感。但是在对比之外，是需要保持总体的平衡。

在 Visme 的这个弹出式的广告当中，左侧的视觉元素视觉吸引力是极强的，整个页面呈现左重右轻的势态。不过左边的元素会在视觉上引导用户注意右边的文本，足够的留白让左右两边的元素都拥有足够的跳出感，这样的设计确保了对比，有方向性，还足够平衡。