留白：如何用更少的钱最大限度地提高转化率和影响力
已发表: 2017-03-02你有没有过这样的日子，你似乎无法完成任何事情？ 分心的同事、过多的背景噪音和不断的电子邮件通知都会阻止工作完成。 出于某种原因，您很难集中注意力，而且您会发现自己的工作效率非常低。
就像许多人独自在自己安静的空间中表现最佳一样，点击后登录页面组件也是如此。 点击后登陆页面元素在被隔离时最能发挥其作用——没有其他元素，没有干扰。 只是空的空间——空白。
点击推文
空白：它是什么，为什么要使用它？
留白，也称为空白空间或负空间，是网页上有助于突出显示或吸引人们注意特定元素的区域。
空白图形设计使人们专注于个别的点击后登录页面元素，因为附近没有其他可看的东西，他们被迫看那里的东西。
重要的是要注意，空白不一定是“白色”——它只是空的、未标记的空间。 它可以是任何颜色，只要它有助于区分不同的元素并与它突出显示的元素形成对比。
留白设计背后的心理学
尽管留白大大减少了混乱并使网页美观； 它还有其他几个功能用途，包括：
- 提高可读性
- 提高专注力
- 更好地理解报价
- 增强的用户体验
无论我们当时是否意识到这一点，负空间通过挖掘我们的心理来实现这些目的。 此空间允许查看者在处理页面内容时进行视觉中断。 这一点很重要，因为一次过多的信息或视觉数据会导致认知疲劳，即信息过载，使大脑根本难以吸收和保留任何信息。
有了更少的混乱和更少的干扰，我们的大脑就更容易接收和处理信息，更好地专注于最重要的事情。
缺少空白的点击后登录页面
未能建立良好的第一印象可能会影响您的总转化次数，并最终影响您的底线。 因此，在展示点击后登录页面上空白的良好示例之前，让我们先看看这个 LogiGear 点击后登录页面，其中几乎不包含任何内容：
你对这个页面的第一印象是什么？ 这有点让人不知所措，因为一切都挤在一起，没有喘息的空间——这使得导航、专注于重要的事情和理解报价变得困难。 这几乎就像设计师试图在折叠上方显示所有内容并拥有一个非常平衡的页面，这完全降低了可读性。
既然您已经了解了点击后登录页面设计不应该做的事情，让我们来看看几个很好的空白示例。
留白可以帮助优化哪些元素？
空白充当方向提示，方向提示是指向点击后登录页面最重要元素的视觉辅助工具。 以下是一些需要用空白突出显示的最重要元素：
标题
您的点击后着陆页标题应该引人注目，因为它通常是观众到达时看到的第一个元素。 如果标题周围有足够的空白，标题可以更快地吸引访问者的注意力。
BigMarker 创建了这个免费试用的点击后登录页面，整个页面都有大量空白。 此屏幕截图显示在折叠上方，说明标题和表单如何通过弹出页面来立即引起注意：
软件截图
留白通常是围绕公司软件的屏幕截图、其产品的图像或展示其服务的视频而设计的。 由于引人入胜的媒体在推动转化方面发挥着如此重要的作用，因此品牌在媒体周围添加负空间以使观众更容易注意到它的情况并不少见。
此 OfficeX 点击后登录页面上的软件图像在浏览者向下滚动页面时吸引了他们的注意力，因为它被大量空白空间包围：
倒计时器
倒数计时器有意营造一种紧迫感和稀缺感，因为人们往往想要快用完的东西。 计时器可用于各种优惠（网络研讨会注册、特殊活动注册、价格折扣等），并且由于它们在产生转化方面具有令人难以置信的说服力； 重要的是他们跳出来给游客。
这是 Exact Data 的一个示例，使用充足的负空间和倒数计时器 - 以确保访问者在优惠到期之前注意到截止日期：
潜在客户捕获表格
潜在客户捕获表单是最重要的点击后登录页面元素之一，因此只有用大量空白突出显示它们以吸引尽可能多的注意力才有意义。
在这个 Stackla 点击后登录页面中，在背景中的眼睛注视和大量空白的帮助下，访问者的眼睛立即被吸引到表单上：
按钮
无论是两步选择加入、点击进入还是带有锚标记的超链接； 按钮可以充分利用空白。
YP Marketing Solutions 在其点击后登录页面的底部添加了一个超链接按钮，以引导访问者返回首屏表单。 请注意按钮如何突出，因为它周围有足够的空间：
公司服务
网络用户宁愿快速轻松地扫描网页以找到最有价值的信息，而不是阅读整个页面的副本。 这就是为什么以由项目符号或图标标记的小块设计您的点击后登录页面副本是理想的。 当您将其与空白相结合时，要点会引起更多关注。
在首屏下方，Comporium Media Services 用图标和最少的文字突出了他们的附加服务：
客户评价
推荐是点击后登录页面上最有说服力的元素之一，因为它们增加了可信度、信任度，并且可以突出您的产品或服务的不同方面，帮助真正的客户取得成功。
为了确保您的推荐得到注意，请按照 Outbrain 的示例并用空白包围它们：
公司徽章
与客户推荐一样，公司徽章是点击后登录页面最令人信服的方面之一。 展示知名品牌的徽章有助于建立权威和可信度——影响潜在客户完成您的表格并单击 CTA 按钮。 在潜在客户的脑海中，他们认为，“如果这些其他高度可信的公司已经信任产品或服务，那么我也可以。”
为了演示，Alteryx 在他们的免费试用点击后登录页面上展示了一些最大的客户和合作伙伴：
关于空白网页设计的最后一个注意事项
不可避免地，当您在任何点击后登录页面设计中添加空白时，页面可能会变长。 这不一定是坏事，因为网络用户希望滚动。 只要您在页面上加入其他视觉提示以将访问者指向您想要的方向，访问者就很可能保持专注和参与。
看看我们的发布核对清单点击后登录页面下面的每个重要元素周围都有空白。 另外，向下箭头鼓励观众向下滚动以继续评估报价：
您的下一个点击后登录页面将如何利用空白？
尽管空白被称为空白空间，但该区域并没有被浪费。 点击后登录页面的空白是有意识和故意的意图。 通过间隔和突出显示单个元素，您可以有效地提高理解力和整体用户体验，进而提高转化率。
知道了这一点，您将在下一个点击后登录页面上突出显示哪些元素？
使用我们对设计师友好的平台，只需几分钟即可创建您自己的完全优化的点击后登录页面。 使用 Instapage，您将享受 100% 定制化和业内最先进的分析。 立即注册 Instapage Enterprise 演示。