设计网页巧妙利用空白空间是一种专业态度-www.yx10011.com_巅云建站
author:一佰互联 2019-05-17   click:145

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

  白色空间有两种类型

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

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

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

  白色空间有两个尺寸:

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

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

  白色的空间真的是白色?

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

  如何使用空白区域?

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

  使用空白为情感反应

  在设计中有许多方式来唤起情感,包括排版,颜色和图像。很明显并不是所有的,都是有用的,所以可以说白色的空间,是以最低的设计成本,添加最多戏剧和情感页面的方式。

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

  所以,我们了解到,白色空间不是白色的,它是我们设计中没有发生任何事情的部分。这是一个设计的基本原则,任何设计师不应该忽视,因为它决定一个页面是否可用,以及一个特定的元素是否得到所需的关注。专业网站设计请不要忽略巅云建站,你身边最好的建站专家!