发布时间：2021-7-16 分类： 电商动态
今天分享的这篇文章来自俄罗斯设计师Nick Babich，让您更深入地了解KISS的设计原则。
阅读本文后，您将学习：
深入理解极简主义网页设计
极简主义的网页设计案例
极简主义设计神器
极简主义最初出现在二战后的艺术运动中。极简主义也是现代网页设计的主流设计技术之一。它有时被视为“内容大于形式”的典型表现形式。
用正确的话说，极简主义可以使设计师更加注重“简化用户任务”。此外，它还具有其他优点，例如更快的网页加载，更好地兼容不同尺寸的各种设备等等。
极简主义所倡导的“简化”似乎很简单，但通过这种现象，本质 - ——简并没有减少。本文将向您介绍极简主义应注意的一些设计原则和案例。
1.什么是极简主义的网页设计？
极简主义在21世纪初首次流行。如今，大多数流行的设计趋势（如平面设计，代购源码网站第一张地图和隐藏的全球导航等）都受到极简主义的直接影响。
谷歌通常被称为极简主义网络界面的先驱。自20世纪90年代以来，极简主义一直是其界面设计的规则。
△尽管谷歌推出了各种各样的产品，但其主页设计风格在过去的15年中基本保持不变。
Google搜索主页设计的成功为极简主义的流行奠定了基础。
关于极简主义网页设计的特点，虽然有许多不同的意见，但总的来说，它包括以下基本公认的方面：
1.只保留必要的元素
极简主义的核心听起来很简单—— Less is More。在网页设计中，只要您在已建立的设计环境中保留必要的元素，您就需要简单而不是简化。
极简主义网页设计的策略是通过消除不支持用户任务的冗余元素或内容来简化页面。因为屏幕上的元素越少，其余元素就越集中。
也就是说，如果屏幕上只有一个元素，则元素背后的信息可以成功传达给用户。
△页面上的元素越少，用户的认知负荷就越少。
Jane不减少，是保存任何影响用户注意力的界面元素。但与此同时，请确保不删除或隐藏用户所需的元素，否则用户的主要任务将变得更加复杂。
因此，设计应以内容为中心，消除了很多次要元素（如主导航），用户不会那么困惑。
2.负空间
极简主义设计中最常用的元素是什么？如果您不需要回答任何元素，这个答案就不足为奇了。
负空间（也称为空白空间）是极简设计的最重要特征，也是使极简设计成为最亮点的功能。它在指导用户的视觉流程方面也非常有用：
元素周围的负空间越多，就越有可能被注意到。
△负空间是用户最熟悉的极简主义设计元素。图片来源：Bouguessa
3.视觉特征
在极简主义设计中，每个细节都有其价值。剩下的就是本质：
平面设计：简约的界面通常使用平面设计元素。在平面界面中，您看不到任何亮点，阴影，斜坡和任何使界面更加立体的元素。
△最小视觉水平与平面设计相结合 - —现代网页设计的“黄金搭档”。图像来源：F-Secure
生动的画面：在简约的设计中，图片是最具代表性的艺术形式。图像可以连接整个世界的情感，并创造一个特定的氛围。但是在选择图像时，重要的是要注意所有代表极简主义设计的视觉特征都应该在所选图像中呈现。错误选择的图像（例如具有大量用户注意力的图像）可能适得其反。
△极简主义设计最具代表性的艺术形式 - —在代购源码网站的第一页，整个页面是一个引人注目的图片。图片来源：Ada Blackjack
较少的颜色：极简主义设计，仅使用颜色元素来增加视觉吸引力，不再添加其他设计元素。颜色类型越少越好，因此在设计视觉层次结构时必须有创新。
△用户看到的视觉信息越少，色彩元素越重要，代购源码网站的影响力也越大。图片来源：Mixd
引人注目的排版：引人注目的排版，更具视觉吸引力，使文字和内容更有趣。最简单的排版设计给用户留下最深刻的印象，使用引人注目的设计风格和字体。然而，引人注目的字体格式是有吸引力的，有一个前提：对于用户来说，文本信息是有价值的。
△使用排版创造视觉吸引力并传达信息。
对比：由于减少了设计元素，因此在设计视觉水平时需要具有创造性。在下面的例子中，白色背景和黑色宝石之间的对比非常清晰。
△大量的极简主义设计只使用一种不同的颜色来突出显示页面中最重要的单色调元素。图片来源：WE AIN&Tquo; T PLASTIC
极简主义网页设计的最佳实践
极简主义听起来像一个简化，但“站立而不伤害”——因为元素数量相对较少而不能少。
1.一个屏幕和一个焦点
遵循“一页一概念”原则，在设计时，每个页面和屏幕上只出现一个概念，并由单个视觉内容补充。
△图像来源：Bureau Tonic
2.页面的上半部分是预期的
在页面的上半部分，留下负空格并添加高质量元素。随着页面滚动，内容密度增加。
△Apple主页（页面上半部分）
3.简单文字
在由Strenker和White联合出版的书《风格的要素(The Elements of Style)》中，他们提出了“拯救不必要的词语”的想法。这也适用于极简设计——仔细编辑页面文本，只留下必要的元素，但必须留下精华，以帮助您清晰，清晰地传达信息。
△保存所有不必要的文本，并以最简洁的方式与用户交互。图像来源：BFF
4.简化，但不隐藏导航
轻松导航，从头到尾的网页设计目标之一。但简单与直接隐藏不同。如果您使用汉堡包菜单，请确保在使用汉堡包菜单之前有充分的理由来简化界面。同时，汉堡菜单也降低了导航的可发现性。在大多数情况下，随时可见的导航选项更好。
注意：汉堡包菜单是一种导航。通常在导航栏的左侧有一个图标，由三个条形图（三层汉堡）组成。这是汉堡包菜单。
看看下面的导航：
△主导航菜单仅在用户操作
下可见比较下面的导航：
△可见导航菜单
5.添加效果
在设计中，动态效果的影响越来越大。没有任何影响，即使是极简主义的设计，也可能“坐在板凳上”。然而，动力学的增加仍然需要极简主义的设计原则：简单性和只有必要的元素。
△动力学使交互过程更加动态。图像来源：对讲
6.着陆页和对开页必须极简
虽然内容驱动的极简主义适用于任何代购源码网站，但有时极简主义美学可能“不对”。但是，极简主义设计必须适用于登录页面和作品集页面。例如，以下示例显示设计简洁明了，内容相对较小。
△设计师Brain Danaher的投资组合页面——许多设计师称之为极简主义设计代购源码网站的经典范例。
将简约设计应用于更复杂的代购源码网站可能并不容易。由于代购源码网站内容复杂，少数元素必然是其缺点。在这种情况下，您可以使用极简主义设计着陆页，然后通过着陆页链接到包含更多详细信息的页面。
资源和工具
1.极简主义调色板
与普通的黑白面板相比，这里可以找到更流行的简约设计调色板。
2.颜色对比度检查器
输入背景和前景颜色代码，检查员可以计算对比度数据，以了解哪种颜色组合最适合您。
总结
消除了不支持用户任务的额外元素或内容，极简主义代购源码网站在简化界面的过程中变得更加稳定。为什么这样的代购源码网站如此鼓舞人心？答案很明显：设计考虑了“简单性”和“可用性”。
可以轻松导航的“轻载”网页仍然可以像其他人一样传达信息。为什么它应该是浅红色和深红色，它是花中的第一个。简并没有减少，你应得的。
原始地址：网页设计的功能极简主义
