极简主义设计，一篇文帮你理清思路！【赏析】-长宁网站建设公司

目前，网上有太多的极简主义设计关于趋势，技巧，方法，策略方面的文章。但是太多的文章看了之后就容易眼花缭乱，掺杂太多的东西之后，极简主义概念就会显得不那么明晰了。

极简主义来是一种设计理念，设计中的每一个元素都应该是有用的。不仅简洁，干净，且非常实用。极简主义的设计易于用户理解。

今天，我们梳理一下，用下面的几个规则来设计，能帮你搞定真正的极简主义设计。

1、大量的留白

在极简主义中，留白是必不可少的组成部分。留白能够营造平和感，很容易构造视觉焦点，能将必要的信息凸显出来，让用户只做必要的事情，关注必须的信息。

上面的这张图图片就是一个留白使用的典范。

2、用栅格来规整元素

Cory Etzkorn

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

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

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

3、扁平化的元素

Liber Finance Group

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

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

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

对于扁平化的定义，依然没有一个固定范式，但概括起来有下面四个特征：

1）没有多余的效果，例如投影、凹凸或渐变等

2）使用简洁风格的元素和图标

3）大胆丰富且明亮的配色风格

4）尽量减少装饰的极简设计

扁平化所追随的细节依然不变，然而这些“规范”开始松懈了。随着扁平化进化到2.0时代，我们再来看看

一些扁平化2.0时代可以改善的新的细节：

1、微投影。微阴影，就是极其微弱的投影，这是一种几乎不被人所立刻察觉的投影，它可以增加元素的深度，使其从背景中脱颖而出，引起用户的注意。但在使用这一效果时候需要注意，要让它保持柔和感和隐蔽性。

2、低调渐变。新的渐变不同以往，它往往是以更为低调的姿态出现的，比如只用于背景色或氛围色，不再喧兵夺主，并且只在两种颜色之间渐变过渡。

3、圆形。扁平化中圆形的元素越来越多，可以说圆形在移动端的优势是特别明显的。由于圆形很好的模拟了手指印，因此一个圆的存在看似就是一个可触的地方。这对于唤起用户的操作发挥了极大的作用。

4、双色搭配

5、动态要素。更多的视频和动画特效的运用，使得扁平化更加生动活泼。

4、在不对称中保持平衡

Visme

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

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

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

5、简化配色

Titled Chair

使用格调比较高的图片可以很好的匹配极简主义的设计，不过在配色上花点功夫会更好。黑白这样的色调功能性更强，中性，且显得优雅。不过这并不是唯一的选择。

在配色这个事情上，极简主义也同样非常讲究。通常会选取一种到两种提亮色，贯穿整个设计，专门使用。

就像Titled Chair 这个网站的首页设计，经典的黑白色之外，采用鲜艳的红色作为提亮色，贯穿整个设计，作为强调用的重点而存在。它赋予了整个设计以简洁感和层次感。

配色的方法有很多，技巧也不少，工具成堆，最重要的还是设计师得有清晰的思路，找到贴合的配色方案。

6、选取可读性较高的字体

Aimauts

极简主义设计希望图形元素要足够清晰易于分辨，对于文本字体有着同样的要求。

选择最易于阅读的字体，确保用户能够快速扫视。无论是衬线体还是非衬线字体，字体的X高度最好是适中的，风格上不要装饰性太强，经典的字体会更好。在字重和行高、间距上，都控制在合理的度上。不要刻意使用小字号来“创造高级感”，适当的放大字体，确保用户能够一目了然。太大的字体会使得压迫感太强，这个中间的尺度，需要设计师仔细拿捏。

在 Aimauts 这个网页当中，即使加入了动效，文本和字母的可读性也都足够强。简约而现代的非衬线字体，在黑色的背景上显得极为醒目，易于阅读也非常容易理解。

所以，字体的选择很重要，方正正纤黑简体，八大山人字体，欧体楷书等字体都是不错的选择。

7、打破一条规则

Westboume Grammar School

打破规则的设计并不影响用户对于信息的获取，甚至能够创造出有趣的设计和交互体验。

在极简主义的设计风格之下，绝大多数的视觉和交互都是清晰而直观的，即使打破了规则，用户也能清楚地感知到，甚至能够创造一种富有创意的意外感。

但是，这个被打破的规则一定要谨慎地选取，确保你所打破的规则是符合整体设计的，用户可以理解的，并且在数量上控制在一条即可，不要打破太多规则，否则整个设计会如同黑箱一样，让用户摸不着头脑。

Westboume Grammar School 这个网站的设计极简而富有格调，网站在设计的时候，打破了一个常见的规则：在屏幕底部的超大文本采用的是动画，并且用户必须读完才能继续交互。这个设计的度控制得很好，整个设计中只有这一处违反常见的规则，并且不会影响其他。

熟悉规则才能打破规则，遵循规则也能富有创造力。

8、保持简单

Delight

简单的设计其实往往是最有效的。

在极简主义设计当中，少即是多这个规则是适中适用的。尽可能的剥离纯装饰性的设计，确保核心信息是一目了然的。就像上面的设计。

Delight 这个网站应该会让你感到好奇。明亮的色彩和有趣的排版是诱人的，想要了解更多，底部带有动效的箭头会引导你往下浏览。这种极简主义的设计足够简单，有趣，因为它会让你的用户对于后面的信息发生兴趣。在栅格的控制和充足的留白之下，整个设计给人非常舒服的感觉。

极简主义的伟大之处在于它凸显关键，为用户呈现出最重要的东西。着重强调页面的单一重点，相信下一个极简优秀界面属于你！

　　致渊建站是一家专注于网站建设、网站优化、网站设计、网站制作、网站托管代运营、微信开发、小程序开发的互联网科技公司。我们有完备的建站流程和专业的开发、设计人员，与客户深度合作并针对不同的客户提供专属的网站策划方案。 (责任编辑：长宁网站建设公司)