极简主义最早出现在二战后的艺术运动中。极简主义也是现代网页设计的主流设计技巧之一。有时被认为是“内容多于形式”的典型代表。

　　如果运用得当，极简主义可以让设计师更加注重“简化用户任务”。此外，它还有其他优点，比如网页加载速度更快，在各种不同大小的设备上兼容性更好等等。

　　极简主义所倡导的“简”看似简单，实则本质是通过现象——。本文将向您展示一些极简主义应该注意的设计原则和案例。

　　1.什么是极简主义网页设计？

　　极简主义最初流行于21世纪初。现在最流行的设计趋势(如平面设计、网站首图、隐藏式全球导航等。)都直接受到极简主义的影响。

　　Google常被称为极简主义web界面的先驱。从90年代的beta版开始，极简主义一直是其界面设计中不变的法则。

　　虽然Google推出了各种产品，但在过去的15年里，它的主页设计风格基本保持不变。

　　Google搜索主页设计的成功，为极简主义的流行发展奠定了基础。

　　虽然关于极简主义网页设计的特点众说纷纭，但总的来说，它包括以下几个基本公认的方面：

　　1.只保留必要的元素

　　极简主义的核心听起来也很简单。——是少即是多。在网页设计中，为了保持简单和不减少，我们只需要在已经建立的设计环境中保留必要的元素。

　　极简网页设计的策略是保存不支持用户任务的不必要的元素或内容，从而简化页面。因为屏幕上的元素越少，其他元素的关注度就越高。

　　也就是说，如果屏幕上只有一个元素，元素背后的信息就可以成功地传达给用户。

　　页面元素越少，用户认知负荷越轻。

　　简单来说就是省略任何影响用户注意力的界面元素。但同时要确保用户所需的元素不被移除或隐藏，否则用户的首要任务会变得更加复杂。

　　所以设计要以内容为核心，省略大量的次要元素(比如主导航)，这样用户就不会那么迷茫了。

　　2.负空间

　　极简设计最常用的元素是什么？不使用任何元素也不奇怪。

　　负空间(也叫留白)是极简设计最重要的特征，也是让极简设计成为最亮点的特征。对引导用户的视觉流程也很有帮助：

　　元素周围的空间越负，就越有可能被关注。负空间是用户最熟悉的极简设计元素。图片来源：布格萨

　　3.视觉特征

　　在极简设计中，每个细节都有其存在价值。所以剩下的是本质：

　　平面设计：极简界面通常使用平面设计元素。在平面界面中，你看不到任何亮点、阴影、斜坡以及任何使界面更加立体的元素。

　　最低视觉层次结合平面设计——现代网页设计“黄金搭档”。图片来源：F-Secure

　　生动的画面：在极简设计中，画面是最具代表性的艺术形式。图片可以连接整个世界的情绪，营造特定的氛围。但是，在选择图片时，我们必须注意到，代表极简设计的所有视觉特征都应该呈现在所选的图片中。选错图片，比如有大量分散注意力元素的图片，可能会适得其反。

　　极简设计最具代表性的艺术形式是——网站的第一张图片，整个网页就是一幅醒目的图片。图片来源：Ada点

　　少换色：极简设计，只使用色彩元素增加视觉感染力，不添加其他设计元素。颜色种类越少越好。所以在设计视觉层面的时候，一定要有创新。

　　用户看到的视觉信息越少，色彩元素越突出，网站影响力越大。图片来源：Mixd

　　醒目的版式：醒目的版式，通过更大的视觉吸引力吸引更多的注意力到文字和内容上。最打动用户的极简字体排版设计，通常采用醒目的设计风格和字体。但是，要有吸引力，有一个前提：对于用户来说，文本信息是有价值的。

　　使用字体布局，营造视觉感染力，传达信息。

　　对比：因为设计元素减少，所以在设计视觉层面上要有创新。在下面的例子中，白色背景和黑色宝石之间的对比非常鲜明。

　　大量极简设计只用一种亮色，通过单一色调突出页面最重要的元素。图片来源：我们不是塑料

　　二.极简网页设计最佳实践

　　极简主义听起来好像一切都简化了，但是“站着说话很轻松”——因为元素相对较少，所以无法还原。

　　1.一屏一焦点

　　遵循“每页一个概念”的原则，设计时每页和屏幕上只出现一个概念，以单一视觉内容为核心。

　　图片来源：局主音

　　2.页面的上半部分是预期的

　　页面上半部分留足够的负空间，添加优质元素。随着页面滚动，内容密度增加。苹果主页(页面上半部)

　　3.这篇课文很简洁

　　在斯特伦克和怀特共同出版的《0x9A8B》一书中，他们提出了“节省多余文字”的思想。这也适用于极简设计——，它对页面文字进行了精心的编辑，只留下了必要的元素，但剩下的一定是精华，可以帮助你把信息传达得清晰明了。

　　保存所有多余的文字，用最简单的方式与用户互动。图片来源：BFF

　　4.简化但不隐藏导航

　　轻松导航始终是网页设计的目标之一。但是简单不代表直接隐藏。如果你用汉堡菜单，在用之前一定要有合理的理由，简化界面。同时，汉堡菜单也会降低导航的可发现性。在大多数情况下，总是可见的导航选项更好。

　　注意：汉堡菜单是导航模式之一。通常在导航栏的左侧有一个由三个横条(三层汉堡)组成的图标。这是汉堡菜单。

　　首先看看下面的导航：

　　主导航菜单仅在用户操作下可见

　　比较下面的导航：

　　导航菜单随时可见

　　5.添加动态效果

　　在设计中，动力效应的影响越来越大。没有动态效果，即使是极简主义的设计也可能是“板凳上”。但是添加动态效果还是需要遵循极简主义的设计原则：简洁，只保留必要的元素。

　　动态效果使互动过程更具动态性。图片来源：对讲机

　　6.登陆页面和投资组合页面必须进行最低限度的设计

　　虽然内容驱动的极简设计适合任何网站，但有时极简美学可能“无关紧要”。但是，极简设计必须适用于登陆页面和作品集页面。比如下面这个例子，设计目的简洁明了，内容比较少。

　　设计师大脑丹纳赫作品集页面——很多设计师被称为极简设计网站的典范。

　　将极简设计有效地应用到更复杂的网站上可能并不容易。因为网站内容复杂，少量的元素肯定是它的缺点。针对这种情况，我们可以用极简主义来设计一个登陆页面，然后链接到一个更详细的页面。

　　三.资源和工具

　　1.极简调色板

　　与常见的黑白调色板相比，我们可以找到更流行的适合极简设计的调色板。

　　2.彩色对比度检查器

　　输入背景和前景色代码，检查者可以计算比较数据，从而知道哪两种TINT最合适。

　　总结

　　通过省略不支持用户任务的不必要的元素或内容，极简主义网站在简化界面的道路上变得越来越稳定。为什么这样的网站这么励志？答案显而易见：它的设计兼顾了“简单性”和“可用性”。一个可以轻松导航的“轻载”网页仍然可以传达信息，而且不比其他网页差。为什么又浅又深的红色？是一等花。简单点，你活该。