掌握极简主义网站设计

极简网站设计是关于什么的？当涉及到用户界面设计时，“极简主义”这个词仍然会引起很多混淆。它是什么？我们应该如何使用它，它与平面设计、材料设计以及其他现代设计系统和视觉美学相比，又处在什么位置呢？

首先，让我们来看看极简主义。极简主义是扁平的还是平面的？极简主义是白色的吗？简约主义是否意味着更少的杂乱？它能做什么？极简主义看起来像很多东西，但是我们经常忘记它的目标是什么——为什么我们真的需要它？

从根本上说，极简主义设计提倡明确性与意图的结合；换句话说，把用户的注意力转移到网站设计中体验中最有价值的方面，而不是转移到可能分散用户注意力的方面，“只需要”做到这一点。按照这个逻辑，所有的设计都应该是最小的，但前提是我们正确地使用了极简主义。

当然，极简主义设计可能看起来不错，但它绝不应该以清晰度为代价——也就是说，一个设计显示出明显的极简主义品质，但没有有意识的思考，显示出缺乏任何直观功能或可用性的美丽形式。

让我们一步一步来看看如何实现简约主义。

01. 限制选择

限制选择是减少认知超载的一种方法，反过来帮助用户更有效地做出决策。然而，出于可用性的考虑，我们需要包括以下几点：

相关的选择

替代的选择

相关的选择

决定什么与用户相关取决于上下文，例如，如果我们正在显示一个新的博客文章列表，那么决定展示哪些文章可能取决于用户是否登录。有了前者，我们可以用人工智能来解读用户的阅读品味。对于后者，我们无法为特定用户定制内容，但这并不意味着我们没有可用的数据。我们仍然可以根据流量数据列出结果。

在UI方面，跟踪工具如谷歌分析可以帮助我们了解更多关于用户行为的信息。像Crazy Egg和谷歌optimization这样的A/B测试工具可以测试我们布局的其他版本。热图还可以显示用户关心什么，不关心什么。

或者，如果你是从头开始创建一个应用程序或网站，通过可用性测试设计信息架构将是一个更好的策略，在缺乏数据的情况下——打开和关闭卡片排序或功能显著性测试会在这里出现。

因此，正如您所看到的，有许多方法可以获得定性和定量数据，并将它们组合起来做出明智的决策。

替代的选择

Blinkist显示一些项目，然后是一个“查看所有”按钮

如果我们能够很好地设计我们的信息架构，我们将提供访问替代选项的简单方法。对于内容，这可以是一个“查看所有”按钮，但对于导航，它可以是一个汉堡包菜单形式。

尽管说到极简主义，少即是多，但这并不意味着我们需要限制我们的整体产品，只限制我们的前期产品。最小杂乱=最大影响！

02. 带视觉上的混乱

这个扁平的丝锥目标被剥离得如此之少，以至于完全缺乏清晰度

说到杂乱，视觉杂乱指的是只会增加情感价值的化妆风格，也就是说，它们看起来很酷，但并没有提供太多其他的东西。情感设计是非常重要的，尤其是在以消费者为基础的行业，但它被称为表面层是有原因的——它最后才被应用。

当涉及到表面层时，很容易被风吹走——有些人称之为过度设计。可可•香奈儿曾说过：“如果你觉得有些东西不适合你，那就把你最后穿的衣服脱掉。”

但如果你真的想采取一种更明智的数据驱动方法，个人喜欢使用一个涉及屏幕共享的非常巧妙的技巧。在分享你的屏幕时，获得一些用户，让他们决定打开和关闭哪些样式。一直进行下去，直到用户对视觉吸引力和可用性都满意为止。

对于特定的点击目标（按钮、链接、输入字段等等），可视化可视性测试可以显示哪些元素看起来是可点击的，哪些元素是不可点击的。您可能会发现前一种技术更有用，因为它还将揭示解决方案（即为了减少视觉混乱而删除哪些样式）。

03. 优化视觉层次结构

因此，我们将前期服务最小化，并在视觉上进行优化，以减少认知负担，但我们能更进一步吗？当然，但我们也需要记住，用户是懒惰的——在用户阅读之前，他们先大概预览。

这意味着当用户在整体上浏览我们的UI和内容时，即使是最微小的视觉干扰也会将用户从真正重要的地方吸引过来，使得最小化在可扫描性方面变得更加重要。但除此之外，最小化后剩下的元素应该能够很好地互补。只有让“少”成为“多”，它才有意义。

内容和标题

因为用户precap内容通过扫描标题，这些标题应该非常丰富，不仅暗示其附带的段落将详细说明，但已经足够好了，如果用户只看标题，他们仍然会走开满意——即使它成本仍然如此我们的SEO价值。毕竟，如果我们不能在用户到达后提供良好的阅读体验，那么获取又有什么用呢？

标题还应该受益于清晰的排版层次结构，帮助用户理解单个内容片段如何构成信息体。

UI和颜色

类似的概念也适用于UI和颜色，颜色不仅有助于对比，还有助于推断意义，所以当用户遇到这些点击目标时，他们会自动理解他们在做什么，或者他们将指向哪里。

正确的标题和颜色可能与极简主义没有直接关系，但它确保了我们不愿意最小化的元素尽可能地有效。否则，我们就会冒着过度设计的风险来进行补偿。

04. 使更多的意思更少

把所有东西都放在一个屏幕上，很简单，对吧？从理论上讲，这听起来是个不错的主意，但并不是所有情况下都能奏效。有些设计比其他的更复杂，而且对谁来说更简单？您需要注意混淆更简单的实现（让开发人员更容易）和更简单的UX（让用户更容易）。

考虑将ui重的组件分解为更小的用户流，虽然从技术上讲，这确实带来了更多，但却造成了一种“更少”的错觉。通常，这意味着将长表单分解为逻辑步骤，但也可能意味着用图像分割长文章。

总的来说，极简主义是一个棘手的话题。有时我们指的是视觉美学（平面ui，白色背景等），有时我们认为它只是一个概念，甚至是一种生活方式。在用户界面设计方面，最好的考虑方法是考虑每个元素对认知负荷的影响。

在网站设计减少认知负荷时，对每种风格、用户流、交互和特性都要问自己以下问题：

它需要吗？

是遮蔽的元素更重要？

它是否被不重要的元素所遮蔽？

这归结于视觉层次——消除杂乱，用设计来表明重要性。有时候，这意味着如果能帮助用户关注真正重要的东西，那么就把它们移到视线之外。