极简主义运动已经存在了半个多世纪。
开始作为一种在视觉艺术和音乐中融入简约的方式现在已经延伸到网页设计的世界。通过这种方法,设计人员正在尝试创建提供简单但功能性网页的网页。虽然它们散发着简约,但简约设计往往难以创造并需要巨大的创造力。
以下是您需要了解的一切以及利用极简主义的最佳方式。
1.网站设计中的极简主义是什么?
网页设计中的极简主义是指简化界面的核心。它涉及从网站上删除所有混乱,只保留基本元素。所有这些必须在不影响网站功能的情况下完成。
换句话说,极简主义迫使您质疑网站每个组成部分的重要性。在设计界面时,您必须做出有意识的决定。即使是最轻微的不平衡也会破坏用户体验。
2.为什么要拥抱极简主义?
简约之美是它可以吸引更多用户并将其转化为终身客户。但是,使用极简主义网页设计的原因远远超出了更高的销售转化率。
A.轻松导航
极简主义使导航不仅简单,而且直观。它侧重于删除很少使用的导航元素并突出显示相关的导航元素。结果,人们确切地知道在哪里点击。他们不必在菜单网格中摆动。
B.较少的维护
这可能听起来很明显,但简单的站点结构意味着更少的维护。通常,动画,数十个插件和小部件以及密集的内容布局需要更高的维护。这种布局也增加了网站失败的可能性,这可能会对您的业务造成不利影响。
C.没有流行音乐,没有分心
大多数人讨厌弹出窗口,因为他们分散注意力。它们通常被称为必要的邪恶,因为它们需要引起用户的注意。然而,极简主义旨在通过颜色,设计和字体的自然优雅来吸引用户的注意力。因此,不需要弹出窗口。
D.加载速度更快
您的网站拥有的有效负载越少,加载的速度就越快。由于极简主义界面中没有重型动画和不良元素,因此您的网站将比空气更轻。因此,您可以构建快速加载和移动设备友好的网站,而不会影响其质量。
E.很棒的UX
极简主义广泛使用空白,为网页设计增添了完美的平衡。它还改善了用户体验,并将注意力集中在最重要的内容上。这样的网页设计散发出优雅和浮力,带来了极佳的用户体验。
3.极简主义网站的例子
到现在为止,你必须明白极简主义是有道理的。但是,你怎么去做呢?以下是一些示例,将向您展示企业如何在网页设计中利用极简主义。
A. Danilo De Marco
拥抱极简主义的一种方法是使用粗体字体和纯色背景。职业平面设计师Danilo De Marco知道如何使用它们。他的网站也使用隐藏菜单。但是,当您向下滚动网站时,明亮的背景颜色和简单的文字组合会吸引您的注意力。
B. Leen Heyne
如上所述,极简主义体现了自信,优雅和现代的外观。这就是为什么它为Leen Heyne珠宝等奢侈生活方式品牌提供合适的网页设计选择。
该品牌专注于打造高端手工饰品。大多数珠宝作品,例如戒指和手镯,都是通过弯曲和扭曲单股形状而形成的。珠宝设计的简洁性真正体现在他们的网页设计中。
C. Pinatex
极简主义并不总是局限于粗体字和空格。您还可以使用高质量图像创建简约外观。Pinatex是一个服装和生活方式品牌,结合了极简主义和使用照片的区域化。
该公司生产的天然皮革替代品由菠萝叶中提取的纤维素纤维制成。因此,他们使用了三个可点击的图像来定义他们的品牌标识:菠萝,菠萝纤维和皮革。其余的藏在汉堡菜单中。
4.极简主义网页设计的基本要素
极简主义就是去除设计中不必要的元素。但是,当您的视觉效果较少时,您将如何提供必要的功能并产生预期的影响?如果您想要一个视觉效果较少的功能性网站,您必须了解极简主义设计的基本要素。
A.戏剧性的排版
由于图形和图像在极简主义设计中的范围有限,因此您必须充分利用排版。尝试使用大胆而漂亮的字体。但是,这样做时请务必考虑文本层次结构,字体大小以及重量和样式的变化。例如,粗体排版应仅用于发送强烈信息。
B.注重细节
由于网站上的元素较少,每个元素都应该看起来很完美。所以,要密切关注最微小的细节。挑选出能够在设计中发挥最佳效果的颜色,样式,字体和文字。您还可以使用小装饰标志,下划线,几何对象和碎片为您的网站添加额外的平衡。
C.负空间的使用
负空间或白色空间是极简主义网页设计的支柱。使用空白区域的目的是将用户的注意力集中在特定元素上。
因此,您拥有的负空间越多,元素(文本或图像)将产生的影响就越大。要最大限度地利用空白区域,请始终将导航面板隐藏在汉堡菜单中。
D.图片的使用
虽然图像或照片的核心不是极简主义的一部分,但使用背景图片(甚至是视频)的趋势越来越明显。这个想法是使用图像作为白色空间本身。
通常,设计师将英雄标题和英雄图像放在页面顶部附近,采用滑块的形式。但是,背景图像应该有用。他们还应该为案文提供正确的背景。确保内容仍然可读。
E.颜色
颜色可能是极简主义设计中最关键的方面,因为您使用的元素较少。通过正确的颜色组合,您可以将所需的视觉元素聚焦。
传统的极简主义决定你应该使用单色,通常是灰色,黑色和白色。然而,设计师们正在尝试各种颜色。只需确保使用补色,并将其使用限制在最多2到3种类型。
F.网格布局
与单色相似,直线,矩形和正方形是简约设计的一部分。如果您有多个基本视觉元素,则可以使用网格布局来和谐地组织它们。您还可以为每个块应用不同的颜色组合,以获得更好的美感。
G.好玩
现代网页设计师并不害怕为他们的极简主义布局增添一点趣味性。您可以使用图像,GIF或短动画形式的古怪和异想天开的插图。但是,请确保它们不会压倒您的焦点。
5.怎么做
“简单”和“极简主义”这两个术语虽然可以互换使用,却完全不同。换句话说,保持简单可能不一定转化为极简主义,反之亦然。因此,创建简约的网页设计比看起来更难。
A.清除杂波
极简主义的第一个基本规则是消除杂乱,因为杂乱只能造成分心。保持小部件,按钮,菜单和其他东西的数量尽可能低。Post Family网站杂乱无章,采用极简主义风格。
他们的主页只显示黑色背景上的大胆白色文字和右上角的汉堡菜单。四个箭头表示您可以使用键盘导航网站。
B.平面设计
平面设计是指使用2D纹理,图标和图形元素。它缺少通常的3D元素,如阴影,高光,纹理,渐变和其他功能。平面设计,由于其时尚的布局,加载更快。
它是响应式网站的首选设计。Thrive Solo网站最好使用平面设计概念。明亮的背景颜色,清晰的文字和微妙的网格,您还需要做出哪些影响?
C.保持在折叠之上
大多数人不喜欢向下滚动。因此,请保留所有必要的内容,包括导航菜单,徽标,号召性用语(CTA)和社交窗口小部件。当人们登陆您的主页时,它们应该是可见的。
Nua Bikes在主页上有很多元素,因为它们没有使用隐藏菜单。但是,所有这些都在首屏上可见。您无需向下滚动即可查看不同的产品或查看其博客。
D.减少页数
清除杂乱也适用于您网站上的页数。在不影响功能的情况下,将页面数量保持在最低限度。网页太多意味着链接太多,这反过来会导致分心。
例如,Cupping Room咖啡馆网站只有五个网页链接,包括汉堡菜单中隐藏的关于,菜单,社交,图库和联系人。
E.大胆色彩的选择
你当然可以使用大胆而明亮的颜色。但是,始终限制您网站上的颜色数量。使用太多大胆的颜色是一个经典的菜鸟错误。实际上,大多数极简主义网页设计师都知道使用单一的大胆颜色(单色配色方案),如Mixd网站上所见。
但是,您也可以使用Adolfo Abejon等混合的浅色和大胆色彩。
F.内容
围绕内容设计您的网站。它会阻止访客的注意力转移。始终将高级内容放在屏幕顶部。相应地优先考虑所有其他元素,例如颜色,导航和图形。
如果您使用的是短信,请将其删除至最少的字词。但是,请确保这些词语解释了您的用户想要学习的东西,而不会让他们渴望更多。
以下是如何在极简主义网站中放置内容的示例。Creative Void在深色背景上使用经典的极简主义白色文字方法。消息简短,清晰,点亮。