粗野主义网页设计、极简主义网页设计和 Web UX 的未来
已发表: 2022-03-11网站是否变得更加混乱、杂乱和不完善? 好的设计规则被打破了吗? 网络变丑了吗? 这是一个新趋势吗?
如果您像大多数设计师一样密切关注正在发生的事情,那么您已经听说过野蛮主义这个词有一段时间了。 粗野主义网站正在摆脱长期以来一直是业界最佳实践的用户友好界面,转而专注于不完美的手工编码 HTML 网站。 似乎设计师正在剥离我们所知道的用户体验规则,让一切都感觉有点混乱。
时尚、现代设计的原则是如此普遍,以至于我们几乎不认为它们是一种风格选择。 “好的”网页设计通常意味着遵循极简主义规则的网页设计。 干净、简单、整洁的界面——但并非总是如此。 让我们把时钟拨回几十年。
网络的诞生
自 1991 年第一个网站发布以来,网页设计已经走过了漫长的道路。 互联网革命始于它的第一个网站完全基于文本,使用第一代 HTML。
然后 Flash 出现了所有那些每个人都记得的疯狂动画网站。 CSS(层叠样式表)的发展随之而来,为网页设计人员提供了对代码中的背景颜色、文本大小和文本样式等增强功能的更多控制。 JavaScript 为我们提供了下拉菜单、高级导航和带有错误检查功能的 Web 表单。
一开始,没有人知道“网页设计”的真正含义,网络的先驱们通过反复试验建立了设计模式。 网页设计的早期时代使用的布局很少关注形式语义和可访问性,而是选择美学而不是结构。
为了构建和构建他们的设计,设计师严重依赖 HTML 元素,如表格、嵌套表格和不可见的 1 像素间隔文件,从而为他们提供了创建更复杂的多列布局的能力。 它造成了一些相当沉闷的界面。
在 2000 年代中期,网站在其结构背后诞生了更仔细的思考。 导航位于浏览器顶部,类别位于左侧栏。 网页保持短而窄,内容分布在许多页面上,以免强迫用户滚动。 设计师们了解到什么是有效的,并开始建立更好的网站,并在此过程中建立标准和最佳实践。
随着越来越多的布局选项出现了各种嘈杂的 UI,到处都是图像和文本。 然而,一些纪律严明的设计师仍然选择极简主义。
极简主义美学
设计趋势来来去去; 然而,极简主义是一种随着时间的推移而存在的设计语言。 它是一种专注于形式简化的设计理念,通过利用设计中最简单、最重要的元素来实现。
极简主义并非网页设计独有。 想想你周围所有包含该设计理想的元素; 很容易将极简设计与 Nest、Apple、Herman Miller 和许多其他启发了许多极简设计师的公司联系起来。
是什么让 Herman Miller 的设计在今天仍然如此出色? 它们只是精心设计的物品,具有永恒的外观。 他的设计非常适合现代家居和室内设计——它们在今天仍然感觉新鲜和现代。 他的许多作品都以极简主义的外观设计,并不能真正与特定的时尚联系在一起。 他们仍然经受住了时间的考验。
他那个时代最著名的平面设计师之一约瑟夫·穆勒-布罗克曼的极简主义设计与赫尔曼·米勒的设计非常相似:永恒。 Muller-Brockmann 在 1940 和 1950 年代以瑞士设计风格的形式接受并掌握了极简主义。
从他的平面设计中去除了任何多余或多余的装饰; 他的布局中的每个元素都有一个目的。 这种方法背后的设计思维使极简数字设计在今天非常有效。
极简主义如何在数字时代建立起来
历史总能找到赶上我们的方法。 正如它在印刷设计中所做的那样,极简主义及其背后的理念赶上了网页设计和其他数字产品。 想想几年前网站的样子,它们有光泽的按钮、线条和文本段落,一切都在引起人们的注意。
然后是拟物化趋势,设计师设计的元素在数字空间中模仿现实生活中的物体。 还记得 Apple iCal 中的皮革衬垫吗?
最小的设计实际上是有意的。 这是一种去除所有不必要的设计方法,并专注于应该引起最大关注的元素——强调内容。
极简设计的好处
极简主义的设计方法之所以流行,不仅仅是因为它的外观。 我们对用户行为、设计思维过程的理解加深,以及内容优先设计过程的兴起,都有助于推动这种思维向前发展。 最近移动用户的大规模增长已经成为极简主义的有力加速点,更加关注用户体验和可用性。
随着用户现在随时随地访问互联网,产品设计师必须专注于提供当下绝对必要的东西:在正确的时间以正确的方式提供正确的东西,将设计简化为其最基本的特征。
移动使用现在占所有网络访问的一半以上,而且这个比例只会增加。 响应式设计已经改变了游戏规则,并迫使设计师“思考不同”。 如今,响应式或自适应设计比以往任何时候都更成为移动世界的必需品,其中极简设计方法至关重要。
对于普通用户来说,极简主义似乎是最容易设计的东西。 用最少的视觉内容达到完美的平衡,只关注最优雅的基本元素实际上是非常非常困难的。
极简主义的未来
我们应该将极简主义视为一个永恒的概念,散发着优雅和精致,而不是一种实际的趋势或简单的过渡阶段。 尽管它是永恒经典的,但它会不断发展和改进,正如我们在 20 世纪初实施以来已经看到的那样。
例如,谷歌的 Material Design 是受极简主义启发的“扁平化”设计方法的首批重大演变之一。 谷歌的设计师保持简单和简约,但通过使用阴影效果以及运动和深度的概念来增强他们的设计语言。 材料包含具有特定扭曲的平面设计:模仿真实世界的材料。
极简主义的缺点
与生活中的其他元素一样,我们总是要考虑利弊。 许多人争辩说,今天的网站缺乏风味,而且大多都是相似的。 你知道——一个大的英雄图像,或者带有重叠文本的视频,一排带有文本的图标,等等。 任何人都可以花几分钟的时间,想出 10 个彼此看起来非常相似的网站。 这是否反映了我们不断变化的在线行为和偏好?
设计一致性和针对常见用户行为的设计在每个设计中都极为重要,但我们不能忘记独特的价值。 我们是否变得懒惰,或者我们已经将我们的想法从独特性转向更有效的用户体验策略?

网页设计中的粗野主义
粗野主义的粗犷和不关心看起来舒适或轻松,可以被视为年轻一代对当今无所不在的极简主义网页设计的轻盈、乐观和轻浮的反应。
有些人喜欢它,有些人讨厌它,还有许多人就是不明白:野蛮网站。
以 Craigslist 为例。 Craigslist 必须被视为野兽派网站的“祖父”。 它在美学上并不令人愉悦,并且永远不会出现在 www.awwwards.com 上。 黑色文本,蓝色链接,白色背景。 这不漂亮。 不一定是因为它有效——而且效果非常好。 您可以毫不费力地找到您需要购买或出售的东西,也无需任何多余的活动部件。
自 1996 年成立以来,Craigslist 一直保持其受欢迎程度,尽管——或者可能是因为——其极其实用的设计。 在过去的 20 多年中,该设计没有发生任何重大变化。
也许是受到 Craigslist 的启发,粗野主义风格正在卷土重来。 以下是使用野兽派风格的出色设计示例。
这些野蛮主义网站正在大肆流行。 为什么这些网站突然变得如此受欢迎? 是因为有些设计师只是厌倦了网络的同质化吗?
在用户体验设计至关重要、用户行为和内容优先方法为王的时代,这些网站上的用户体验很糟糕(故意的)。 与极简主义的原则相反,这些设计与文本和图像的拼贴面对面,布局无处不在(再次,故意)。
粗野主义简史
野兽派的设计风格并不新鲜。 在维基百科上快速搜索会告诉你,这种风格实际上来自 1950 年代到 1970 年代中期的野兽派建筑。 有趣的是,野蛮主义之后是现代主义建筑运动,其中极简主义是关键。
勒柯布西耶是这一运动的最大先驱之一。 他的职业生涯跨越了五个十年,在欧洲、日本、印度以及北美和南美设计了建筑。
这个词来源于法语单词“ brut ”,意思是“raw”,因为 Le Corbusier 描述了他选择的材料“ beton brut ”,即未加工的混凝土。 超功能主义的设计似乎只是为了提供实用性而不是为了取悦——就好像对现代主义有所帮助。
粗野主义试图正视大规模生产的社会,从混乱而强大的力量中拖出一首粗犷的诗篇。 到目前为止,粗野主义一直在风格上进行讨论,而其本质是道德的。 ——艾莉森和彼得史密森,新粗野主义,建筑设计(1957 年 4 月)
粗野主义设计全面拒绝外观,选择功能而非形式。 野兽派设计师以用最少的努力和最便宜的材料来执行设计而自豪,以实现更诚实、反资产阶级的结果。
数字时代的粗野主义
彭博以其自己的方式为其新闻网站采用了这种风格。 该设计几乎是花哨的,并且明显侧重于原始功能。
粗野主义正在强势卷土重来。 丑陋的,原始的,打破常规的设计,疯狂的悬停效果和肤浅的装饰无处不在。 许多纯粹主义者认为这种趋势苛刻、粗暴、粗犷、不舒服、对抗和愤世嫉俗。 它是。 故意。
粗野主义有一种更原始的设计方法,并将重点放回网页设计的核心:它的代码。 粗野主义经常被描述为一种“丑陋”的设计趋势,但我们必须超越它。 野蛮运动背后的哲学不是让事物变得“丑陋”,而是原始而朴素。
我们可以说,今天的野兽派网站基于 90 年代的 DIY 网络,专注于由内而外的方法,而不是将功能隐藏在美丽的外观后面。
流行的社交分享网站 Reddit 的 UI 设计毫无歉意地生硬和四四方方,充满了 90 年代后期的网页排版,粗犷的繁重控制,几乎没有垂直的呼吸空间。
设计师 Pierre Buttin 通过一系列重新设计的移动应用程序将野蛮主义推向了一个新的极端。 在他最新的名为 Brutalist redesigns 的项目中,Buttin 以粗犷风格呈现 Facebook、Instagram、Twitter 和其他流行的应用程序,具有大量文本的布局和扁平化设计。
粗野主义与极简主义
粗野主义和极简主义不应该被比较看待,而是一种看待事物的新方式和另一种设计方法。 粗野主义是对当今网站和应用程序同质化的推动,但在设计师甚至可以开始使用粗野主义方法设计网站之前,他们首先必须知道他们将要打破哪些规则。
传统的极简主义设计不会被野蛮主义所取代。 我们必须将野蛮主义视为一种挑战现状的设计文化——一种厌倦了被告知什么是“最好的”的文化。
在为您的下一个项目选择这些样式时,没有对错之分。 不过,在您用完并以粗野主义的设计风格设计下一个网站或应用程序之前,请确保您了解您的受众。 如果您认为公司和您的观众会欣赏它,请承担风险。
粗野主义的网页设计吸引了人们的注意力,品牌知名度也在飞速增长。 规则是用来打破的。 敢于让网络成为网络。 敢于脱颖而出,大胆一点,即使有点奇怪。
让我们知道您的想法! 请在下方留下您的想法、评论和反馈。
• • •
进一步阅读 Toptal 设计博客:
- 设计原则及其重要性
- 最佳 UX 设计师作品集——鼓舞人心的案例研究和示例
- 探索完形设计原则
- Adobe XD 与 Sketch – 哪种 UX 工具适合您?
- 顶级设计师使用的 10 个 UX 可交付成果
