在 WooCommerce 独立站网页设计方面,空白通常是指没有文字或影像的区域。我们可以认为它是 “视觉沉默” 区。为了使我们的设计能够正常工作,我们需要在网站上使用节奏良好的空白空间。尽管 Google 并不总是以纯粹的设计技术而闻名,但是他们一直是白色空间的倡导者。像雅虎这样的竞争对手正在用天气、新闻和电子邮件紧紧包装他们的网页时,谷歌的低干扰界面让他们的多用户专注于手头的主要任务:搜索网络。本文讨论的是精美 WooCommerce 独立站网页设计如何使用空白空间?

  白色空间有两种类型

  ·活动白空间:这是设计中元素之间的空间,通常新增用于强调和结构。这种类型是不对称的,使设计看起来更加动态和活跃。

  ·被动白空间:这是一行上的单词之间的空间或者一个标志或一些其他图形元素周围的空间。

  看看 500px 的主页,看看如何使用主动和被动的空白。在处理白色空间时,我们主要关注的是活动的白色空间,但是我们仍然需要密切关注被动的白色空间,以及它如何与我们的设计一起工作。

  白色空间有两个尺寸:

  微白空间:是对白空间的较小区域,在字母和单词之间以及在彼此相邻的图形元素之间给出的术语。调整设计中的微白空间最常调整设计的整体色调而不改变其 “心脏” – 类似于在舞曲中拨下 BPM,同一首歌,但睡得很尴尬。

  巨集白空间:是给予较大体积的空白空间的术语,例如列或段落之间的空间。优化您的 “巨集白空间” 通常会大幅改变您的设计,有可能改善整个网页的多用户流量和节奏。

  白色的空间真的是白色?

  虽然 “空白” 一词似乎暗示著缺乏颜色或色调,但这可能有点误导。白色空间实际上可以是表示设计中的负空间或空白空间的任何颜色:黄色,蓝色,绿色或甚至纹理或照片。虽然您选择什么颜色无关紧要,但记住,颜色和纹理通常比纯白色更有趣。即使您选择不同的颜色或纹理,原则仍然适用。

  如何使用空白区域?

  使用空格用于 CTA(号召性用语),始终假设多用户不知道接下来要去哪里,并相应地设计白色空间。 这个想法本身很简单,如果一个页面上没有任何按钮,意味著下一步应该点选按钮。另一方面,如果页面挤满了该按钮附近的元素,则由于混乱,多用户甚至不会看到按钮。

  使用空白为情感反应

  在设计中有许多方式来唤起情感,包括排版,颜色和影像。虽然所有这些都是有用的强加额外的戏剧,可以说是白色的空间,可以新增最多的戏剧和情感的页面,以最低的设计成本。如果您有更多关于 WordPress 外贸独立站网站建设、 WordPress 站群网站优化、 logo 设计、品牌设计、印刷、 WordPress APP/WordPress 微信开发等产品服务的需求,欢迎咨询跨飞独立站 WooCommerce 官网,新上线企业 VI 设计套餐和 WordPress 站群网站营销推广系统(强)!

  每当我们在设计中看到一个空白区域时,我们开始思考 “我可以在那里新增什么?这种心态对于设计师来说可能是一个问题。因此,不要使用元素填充设计,而是尝试在页面中间放置一个 CTA 按钮,并在其周围建立一个 “安全区域”(空白区域)。始终记住,空的空间不是浪费的空间。

  所以,我们了解到,白色空间不是白色的,它是我们设计中没有发生任何事情的部分。 这是一个设计的基本原则,任何设计师不应该忽视,因为它决定一个页面是否可用,以及一个特定的元素是否得到所需的关注。