野兽派设计

粗野主义是 1920 年代中期出现的一种建筑风格，尽管它的兴起稍晚一些，即 1950 年代和 1960 年代。 它的特点是简单而真诚的风格。 在野蛮主义中，形式追随功能。

粗野主义建筑通常由重复的模块化元素构成，这些元素形成代表特定功能区的体量，清晰地表达并组合成一个统一的整体。 混凝土因其原始而朴实的诚实而被使用，因此与以精英美术风格建造的高度精致和装饰的建筑形成鲜明对比。

很酷，对吧？ 但是您可能想知道，如果这个博客是关于技术和 WordPress 的，我们为什么要谈论架构。 好吧，原因很简单：野蛮主义是一种设计趋势，我们也可以将其应用于网络世界……

网络的起源及其图形演变

对于我们的年轻读者来说，网络似乎一直存在，但与现实相去甚远。 历史上的第一个网页是“最近”发布的，是在 1991 年？ 而且，如您所见，它非常简单：

第一个网页只是带有超链接的文本。 但随着技术的进步，可以添加的资源数量增加，创新的可能性迅速扩大。

在互联网的早期，没有人确切知道什么是“好设计”（尽管我们有来自印刷世界的所有包袱），第一批网站管理员“尽其所能”创建有效的页面布局来展示内容。 还记得 90 年代初的设计，都是基于表格的吗？

当然，这些设计或多或少在视觉层面“有效”，但在内部却是绝对的灾难。 HTML 结构只关注页面的最终外观，完全忽略了内容本身，因此根本无法访问结果。 但我们都在学习如何“构建网络……”

调色板、平面或逼真的图标、动画……所有更精细的细节，当它们组合在一起时，就会成为一种“设计趋势”来来去去。 但是今天似乎有一个趋势：简单，几天前露丝在查看苹果及其设计原则时讨论了这一点。

但现实比这一切都复杂。 并非所有网站都遵循相同的趋势。 有些人远离全球趋势并探索其他道路。 他们打破了模式。 也许他们甚至创造了下一个趋势……

网络上的野蛮主义

粗野主义一词来自法语“Beton brut”或“原始混凝土”。 因此，如果我们谈论网络上的野蛮主义，很明显我们不是在谈论“具体”，而是在谈论“原始”。 野兽派建筑希望忠实于它用作构建块的材料，这也是我们作为 Web 开发人员也应该努力的目标。 至少，如果我们想创建野兽派网站。

这就引出了一个问题：我们用来构建网络的“材料”是什么？ 您可能会认为这些是 HTML 和 CSS，但请注意 HTML 和 CSS 对于网络而言就像混凝土搅拌机或起重机对于建筑而言：它们是我们用来“构建”我们的项目的工具。 因此，我们在网络上使用的“原材料”就是内容。 这不应该让你感到惊讶，因为每次我们提到内容为王时，我们都会在这个网站上详细讨论它。

粗野主义对其材料是真实的，因此作为 Web 开发人员和设计师，我们也必须诚实地对待我们的工作，并知道什么是网站，什么不是。 网络不是杂志。 它们不是应用程序。 它们不是广告牌。 那么为什么它们应该与这些相似呢？

网络上的野兽派设计原则

在设计野兽派网站时，您应该牢记一些基本原则：

1 – 内容应该无处不在

如果您创建一个没有任何 CSS 样式的网页，并努力仅使用 HTML 标签正确构建它，您就会知道该网站将在世界上所有浏览器中完美运行。 它不会是最漂亮的网站，但它会起作用。 它甚至可以在无屏幕浏览器中工作（是的，我说的是可访问性）。 而且，如果内容为王，那就太棒了！

内容必须在没有 CSS 的世界中工作并有意义。 设计网页样式绝对可以帮助您拥有自己的品牌，但它也可以打破它并使您远离野蛮主义原则。

2 – 用户与 Web 的交互受到 HTML 的限制和明确定义

使用 CSS 和 JavaScript，我们可以创建看起来像原生应用程序的网站，具有以前似乎不可能的交互、出色的动画和令人惊叹的过渡。 但这一切与内容完全无关……那么我们如何在一个野兽派网站上设计有用的界面呢？

默认情况下，用户只能通过按钮、链接和表单与您的网站进行交互。 并且只有链接和按钮可以被“点击”。 这就是为什么向他们展示原始内容很重要的原因：

自网络诞生以来，超链接就遵循了一种清晰的模式。 它们就像普通文本，但它们的颜色是蓝色的，并且它们的样式带有下划线。 当超链接被访问时，它的颜色变为紫色，这样访问者就知道他们已经访问过它。 我们真的应该远离这种纯粹吗？

另一方面， Buttons描绘了现实生活中存在的一个元素：一个按钮。 按钮是我们在现实生活和网络中都可以按下的东西，因此我们希望它们的行为相似。 确保您的按钮看起来像按钮，并且在我们与它们交互时它们的外观会发生变化。 此外，在您需要使用它们时使用它们：例如，在表单旁边，它们向用户承诺他们输入的信息将被发送到服务器，然后他们将被带到另一个页面并做出响应。

3 – 网站存在于 Web 浏览器中，因此让您的用户“浏览”您的网站

你知道浏览器有返回和前进的按钮吗？ 我知道你这样做，因为我们都习惯了这种模式…… 然而，今天有些网站正在打破这种模式！ 单页应用程序 (SPA) 使用 JS 动态加载内容，其中一些这样做会忽略浏览器中有返回上一阶段的选项。 野蛮的设计仍然忠实于网络，并且永远不会破坏用户习惯的模式和规则。

4 – 用户可以垂直滚动内容

网站不是杂志或书籍，因此（原则上）不需要对内容进行分页。 许多网站这样做的唯一原因是人为地增加访问量，因为阅读一篇文章，读者被迫访问多个页面。 不要这样做！

在一个野兽派网站中，内容会立即呈现，并且允许读者按照自己的节奏使用它，并根据自己的需要滚动。 无需通过不必要的交互来干扰用户，即可查看和使用真正重要的内容：内容。

你怎么看？

我喜欢野兽派的原则。 如果您不是设计师，那么应用这些原则非常容易：只需将事物保持默认外观（或稍微调整它们）即可。 但是你怎么看？ 你喜欢它？ 你觉得它丑陋和过时吗？ 在下面的评论部分让我们知道！

由 berenice melis 在 Unsplash 上拍摄的精选图片。