欢迎您访问南京安优网络官方网站,本公司专注于:网站制作、小程序开发、网站推广。 24小时服务热线:400-8793-956
当前位置:南京网站制作公司 > 资讯中心 > 网站知识
如何在网页设计中使用空白区域
来源:南京网站制作 时间:2019-07-27 08:51:09

南京网站制作说说什么是网页设计中的空白区域,为什么它对您的网站很重要?“拥挤”或“忙碌”的设计与看起来“干净”,“新鲜”和“开放”的设计之间有什么区别?我们使用这些形容词来谈论网页设计,但它们并不是非常具体。事实上,也许我们很多人难以沟通我们做或不喜欢设计的原因之一是这些情感形容词的结果。我们知道设计如何让我们感受到,但这种感觉可能与其他人不同。更重要的是,用于描述它的词语可能意味着与其他人不同的东西。因此,为了指定这些印象,我们想向您介绍网页设计中“白色空间”的概念。

 
白色空间,也称为“负空间”,是指设计中未填充文本,图像或其他内容的任何区域。虽然它通常是中性的,但它不一定是白色的。它是良好网页设计中最重要的元素之一,如果您的网站没有足够的网页设计,您可能会遇到一些严重的可用性问题(我们将在稍后讨论)。
 
然而,尽管如此,许多网站所有者将白色空间视为他们需要“填充”的区域。对他们来说,白色空间是完成工作的一半。他们认为“空间”是一种供不应求的商品,而不是留下那个区域,他们希望将更多的元素推入该空间 - 广告,号召性用语,图像,更多文本。这种观点对于许多来自印刷背景的人来说是有意义的,但它在网上有严重的影响,其中空间并不像你如何使用它那么重要。为了理解这一点,让我们看一下网页设计中的白色空间的一些例子,看看它是如何以及为什么有效的。
 
谷歌:实践中的白色空间的案例
在线白人用户中最重要的是谷歌。我们都看过他们的主页,很难找到更有针对性的设计:
 
谷歌的主页显示在网页设计中使用白色空间
只要看看那个空白区域。
 
Google知道几乎每个登陆该页面的人都会在搜索栏中出现。除了页面顶部和底部的一些最小导航,没有更多的事情要做。但这就是重点。如果谷歌希望你做其他事情,他们会创建一个不同的登陆页面来发送给你。例如,就像您想要创建Google帐户一样:
 
使用标题,最小副本和注册表单创建Google帐户的目标网页。
没有分心:只需填写表格。
 
在这里,再次,白色空间是普遍的。此页面希望您做一件事:注册Google。为了实现这一目标,谷歌不会冒任何分心的风险。相比之下,让我们来看看Yahoo! 组织内容。
 
雅虎为什么 是你不想要你的设计的一切。
我记得第一次使用雅虎!可能是在1998年,也就是谷歌成立的同一年。当时,它的搜索引擎。它的功能类似于互联网目录,一种在线等效的黄页。像黄页一样,它将空间视为溢价。而且,就像黄页一样,过去的二十年使它变得过时了。让我们来看看:
 
雅虎  显示拥挤和缺乏空白的主页
我甚至都不知道在哪里看。
 
我不确定Yahoo! 想成为新闻媒体,电子邮件服务或搜索引擎。我感到困惑的部分原因是雅虎!想成为所有这些东西。但是因为它想要平等地成为所有人,无论我看哪种方式,我都会感到被拉向除了我原来的目的之外的东西。
 
如果我来这里使用搜索引擎,我会被新闻标题分散注意力。
 
如果我来看新闻,那么我想要阅读的内容就会被搜索横幅所挤占,这会跟着我走下页面。
 
而且,如果我来查看我的电子邮件,这两件事都是个问题。
 
继续滚动,结果不会更好:
 
雅虎  新闻页面显示多个新闻故事和广告
如果我不必写这个,我现在就会反弹。
 
什么地方出了错
这个设计呈现三列,左边是一叠图片,中间是各种新闻链接,右边是广告。看了这个我花了一点时间才意识到左边的图片列对应于中间的新闻项目。这部分是因为图像与其相关新闻项之间的间距与它与上下图像之间的间距相同。此外,右侧的广告在视觉上与左侧的图像类似。在潜意识里,我把它视为广告并阻止它们。我发现自己试图忽略除中间文本列之外的所有内容,而且令人筋疲力尽。
 
如果我用情感词来形容这一点,我会说它感觉“便宜”,“拥挤”或“像一个小报报纸。”这是一种耻辱,因为其中一些文章可能包含一些优秀的新闻。不幸的是,由于缺少空白区域,我必须仔细阅读,以确定我所看到的是否值得我花时间。
 
为什么空白区域使网页设计有效?
空白区域允许您以清晰的层次结构组织网站上的信息。如果你停下来思考一下,你就会明白为什么会这样。页面上的元素越多,您的注意力就越大,每个元素的突出程度就越少。在最糟糕的情况下,这可能导致设计武器战争,竞争链接,图像和号召性用语变得越来越分散注意力,以引起你的注意。
 
需要一些例子吗?
让我们从Warby Parker的这个登陆页面开始:
 
Warby Parker的着陆页显示在网络设计的白色空间
为什么是的,我确实想要那种让我看起来像是那种做周日填字游戏的人的眼镜。
 
这里的设计师理解从一开始就建立感觉并引导访客进入CTA的重要性。我特别喜欢略带黄色的背景,有旧报纸的感觉,加上填字游戏。它让我感到舒服,就像我一样,想要戴上这双眼镜,然后回到一个懒散的星期天下午的文字游戏。
 
这是Apple的另一个:
 
iPad Pro的苹果登陆页面标题为“你能做的任何事情都可以做得更好”。
这个标题让我感到如此自信和充满活力。
 
毫无疑问,Apple知道如何利用空白区域来获得优势。在这种情况下,只是他们产品的英雄形象和具有明确价值主张的标题。更重要的是,他们让他们的副本提供了一个不容错过的声明:这个产品将减少灵感和创意输出之间的摩擦。在许多其他图像,内容和副本中徘徊,我可能没有足够的时间让这些词汇沉入其中。另外,看看Apple如何将其中的一个产品归零:没有旋转滑块来吸引他们的注意力整条线。这个头版是关于iPad Pro的,没有别的。
 
最后,这个网站:
 
Salvage Audio的主页,翻新的木制扬声器网站
这个网站让我想起了第一张照片。
 
我偶然在研究另一个项目时偶然发现了Salvage Audio,并且完全被网站上的图像和视频所吸引。我把它们包含在这里作为我们的“每个人”的例子:你不需要谷歌或苹果就可以使用空格来实现。对于任何网页设计师或任何网络冲浪者来说,它都是最好的朋友。这个网站允许图像自己说话,它给每个空间突出。你在你的网站上做到了吗?
 
在网页设计中包含空白区域。互联网会感谢你。
白色空间集中注意力。它可以减少混乱并播放“这是重要的”,而不必说一件事。这一原则远远超出了网页设计的范畴。例如,任何去过高级餐厅,观看足够的烹饪节目或在线浏览电镀食物图像的人都会认识到厨师使用大盘子的方式,即使是最小的菜肴也是如此。
 
在一块大白色板材的被镀的面团显示五颜六色的调味汁
科学表明,食物的呈现会影响你对它的享受程度。您的内容也是如此。
 
空白不是时髦的 - 它是永恒的。如果您想要的设计可以帮助您的访问者找到他们想要的内容,帮助您转换潜在客户并帮助您的业务取得成功,请注意您在网站上使用空白区域的方式。
 
您的网站设计是否需要大修?我们可以帮忙。联系我们,讨论如何设计适合您,访问者和业务的网站。

本文地址:http://www.njanyou.cn/web/2631.html
Tag:
专业服务:南京网站制作,南京网站制作公司,南京网站建设公司
联系电话:025-65016872
上一篇: 关于运营小型企业博客的常见问题解答
下一篇: 在网页设计中谈论“折叠”是否有用?
最新案例
永银
永银
珠海跨境电商
珠海跨境电商
五颗星商城
五颗星商城
上海万客生鲜超市
上海万客生鲜超市
一九在线商城
一九在线商城
你可能感兴趣
小型企业平稳运营所需的 5 种软件类型
为什么每个人都在谈论 Advantage+ Creative
27 关于 Bing PPC 的统计数据
改善编程和 QA 之间协作的 4 种方法
您的网站给人留下第一印象:为什么好的网页设计对企业至关重要
网页设计和内容营销:最大限度地提高博客参与度的 6 个技巧
所有重要的 GA4 指标
ClickFunnels 与 Kajabi:详细比较
最后更新
打造直观体验:UX 和 UI 矩阵 了解 Advantage+ 定位 我们所知道的关于大规模谷歌算法泄漏的一切 如何撰写吸引受众注意力的营销电子邮件 如何使用数据抓取进行有效的竞争分析:分步指南 优化医疗保健提供商的 SEO 和在线形象:2024 年的最佳实践 Elementor:网站建设的首选(原因如下) 产品系列页面:提高电子商务转化率的设计策略
服务项目
南京网站制作 营销型网站 微信营销 IDC网站 精品案例