网站的图像和意图各不相同。对一个人有用的东西对另一个人不起作用。话虽如此,响应式设计的某些元素适用于大多数(如果不是所有)网站,并且应该成为您所有数字营销工具和策略的重要组成部分。这些元素之一是对“空白”的良好使用。

当然,网站设计总是寻求在外观和功能之间找到最佳平衡点。无论您是新手博主还是试图实现这一目标的高级开发人员,挑战都是一样的。

不过,WordPress的设计特别适合白色空间。有关使用空格的站点的一个很好的示例,请参见 WPTavern。您不必为此使用博客主题。随意尝试。

WordPress 的另一个优点是它的使用非常广泛。

这导致大量用户提供了许多关于什么构成可理解网站的提示。

信息公开就够了。让我们结束本段并享受一点空白,以便在本段和下一段之间建立清晰的界限。

什么是空白?

某种程度上,空白正是它听起来的样子。这是页面上没有内容的地方。但是,不要误以为这个空间必须是白色的。不,它可以是你喜欢的任何颜色。 WordPress 提供了出色的自定义颜色指示,以说明最适合您的项目的颜色,当然包括您决定的空白色调。

比如值得一个look 是国家非洲艺术博物馆使用 WordPress 设计创建的网站。它们形成了一个宁静的背景,完美地补充了特色图像。

空白因此是任何颜色的空间,从表面上看,它没有太多的功能。

或者是吗?

除了面部,功能也随之出现。与任何设计应用程序一样,空间都是关于清晰度、对比度、上下文和框架的。我们将在适当的时候研究这些(和其他)使用空格的原因。

空白类型

首先让我们看看您可能会遇到的各种类型的空白。

微观和宏观

前者是相对少量的空白,从根本上让理解成为可能。这包括文本行之间的空格。没有这个,除了向用户传达您不应该设计网站之外,该网站显然不会以任何方式充当交流工具。

后者是指视图中组件之间的较大空间。因此,形成页面边界的空间,以及为您想要清楚地欣赏和理解的图像和文本块提供喘息空间的空间。清晰的认识是您网站成功的关键。

轻松探索精简WordPress该领域的设计。

被动和主动

无论设计者是否有意,被动空白都会出现。这是文本编辑器在您创建行和段落时自动插入的空间。

活动空白是设计人员有意在页面元素之间留出更多空间的地方,原因我们将在下面讨论。作为一般规则,元素之间的差异越多,它们之间的空间就应该越大。我们可能是非常原始的生物,并且倾向于以“物以类聚”的心态工作。

使用空白的原因

现在让我们看看为什么在网页设计中使用空白。

清晰度

这个很重要;网页设计师常犯的一个错误是用太多内容填充页面,从而混淆和混淆您试图传达的中心信息 Vague。请记住,干净的布局才是好的布局。

由于设计元素缺乏纪律,用户可能会感到困惑,并可能因此过早离开网站。如果您提供如此糟糕的用户体验,那么高退出率就是您所期望的。

首先,过多的杂乱也可能影响加载速度,加载速度高=放弃率高。

谢天谢地,有很多可以加快 WordPress 速度的方法。

对比

如果你用对比色的空间围绕图像或文本框,它会产生更大的影响。这种配色方案提供了消化空间,以便用户可以在遇到下一个材料之前仔细阅读正在教授的内容。

空白的对比也可以用来突出网站的特定元素,从而鼓励用户采取特定的路线,例如,点击 CTA 框。

上下文

有时您需要留出一点空间以防止误用上下文。不幸的是,严肃的观点和幽默的形象并置并没有任何好处。

框架

这纯粹是美学。带框架的图像看起来更好。

框架其实是一个image 周围的空间,以防止其他刺激侵入和闯入。

作文看似微不足道,但却非常重要。对于任何想开网店的人来说,整个交易的一部分不可避免地是产品图片的收集。尝试将这些图像紧密地放在一起而不加框。结果一团糟。眼睛自然需要一个框架来正确欣赏眼前的事物。顺便说一句,WordPress Design 有一些很棒的启动功能可用。

如果有效...

空格已经伴随我们很久了。它起源于20世纪初中国书法家和艺术家的创作手法。使用墨水和宣纸,这些工匠发现意义不仅在于他们添加到纸上的内容,还在于剩下的内容。同样,对话中的沉默比任何文字都更具表现力,如果在正确的时间以正确的方式使用,页面上的空间可以传达意义。

从一开始,白色空间就是现代主义的一个特征,它在整个 20 世纪主导着世界。这种酷炫的新古典主义在今天继续回响,是优雅和品质的代名词。这就是为什么这么多品牌在他们的身份设计中使用它来产生巨大影响的原因。 WordPress 可以提供其极简主义主题。

主题和模板

世界各地的主题设计师为 WordPress 用户贡献了无数自定义主题选项,这些选项可以帮助您处理空白。无论您想要一个电子商务主题、一个干净的主题、一个纯粹优雅的主题,还是一个灵活的主题,都值得看看 WordPress Design 如何提供各种主题选项。

这个WordPress主题提供了很多例如,您可以使用这些设置来添加和自定义您网站上的活动空白区域。使用站点宽度、列间距、全屏行等选项向帖子和页面添加空白。

或者你可以全部与 Going for a blank canvas 不同,这是一个全面的极简主义主题,更像是一个多用途主题。

模板也可以帮助空白部署。 WordPress 为设计人员提供了一些漂亮的模板,无论您想要登录页面模板还是更通用的模板。

余额

留白最重要的是要达到一个成功的平衡。如前所述,您不能冒让屏幕和用户同时超载的风险。另一方面,您需要看起来像您确实有话要说并提供服务。

使用多少空白在很大程度上取决于网站的内容。与所有营销工具一样,您营销的内容可以影响您的营销方式。它需要太多的显示吗?如果产品广为人知,用户就不需要那么多上下文信息。

例如,Walt Disney 使用 WordPress 设计创建了一个网站,登录页面上的信息非常少。你把迪士尼的名字叠加在图像上,它会产生巨大的影响。您绝对不会得到,也不需要任何解释迪士尼是谁以及它是关于什么的信息。

对于新产品的创业公司,还有其他的考虑和SaaS概念的探索。所有这些信息都可以很容易地显示在首屏之上。

不过,说句公道话,即使你有很多东西要教,你也应该少而不是多。每当用户表现出了解更多信息的倾向时,您始终可以将他们推荐到包含更多详细信息的子页面。有关这方面做得很好的示例,请参阅 WooCommerce 着陆页。

当网站通过美观吸引注意力,然后通过促进有意义的交流将注意力转化为良好的用途时,网站就处于最佳状态。正如我们所知,信息的传递不仅取决于内容的数量。如果为了向读取器获取数据而一次提供所有内容,可能会导致过载。

你可以用空格来简化它。无论您是专业设计师还是新手,都可以使用空白来充分利用 WordPress。

空白提供的空间可能是评分所必需的。有时谈话中最雄辩的部分可能是怀孕的部分……停顿。