如何让您的着陆页看起来像一个设计团队落后于此

我们知道“专业”的样子。 那么为什么它很难让我们的页面看起来对吗？ 一切都与其他一切对齐吗？ 这是一个元素应该突破这条规则，因为这个原因？ 我们应该给每个部分提供多少填充物？ 这个例证在这里怎么样？ 有些东西只是看起来不对劲。 这些问题并没有帮助我们真正确定我们的页面需要从“业余观点”到“精美设计”。 我目前正在参加一个着陆页课程，这会对UX进行很多重点。 事实上，他们最终引入了“5秒测试”的概念。 基本上，它是一种快速的UX方法，它用于确保您的页面传达的消息对您的用户来说是清楚的。

在手上找到一个朋友（或友好的陌生人），额外的时间帮助您的页面。 正如您所知，他们基于您的页面立即难忘的内容。 而最好的部分 - 你不一定需要目标观众。 在谈论制作页面看专业时，清晰度最终成为一个巨大的因素。 还记得我们说什么时候可以在页面看起来只有“告诉”专业人士？ 在短短的时间内，您的领导会形成关于您的页面的意见，它看起来有多值得信赖以及它让他们感受到的。 它是基于这一媒体，用户在您的页面上进行第一次决定。 向下滚动以了解有关您的要约的更多信息（要么是他们好奇，或者因为他们有一些他们需要在点击之前回答的问题）。

他们反弹（因为他们的目的是点击页面的链接与他们的期望不匹配，他们只是不感兴趣（不是您的目标受众的一部分），或者他们只能从您的页面上获得“坏氛围”。

因此，以这种展示的重要性以及我们必须做的重要性，我们必须多少......

清晰度很重要，因为我们没有得到很多时间与我们的领导。

大多数标题用于登陆页面始终告诉我们清楚，使我们提供明显，如果可能的话，州最大的福利，他们会得到它。

如果您让客户必须思考某些东西“聪明”，它将与第一印象混乱。这并不聪明，它的杂乱无章。

它遵循“3”的设计原则，有助于分解内容，增加视觉上诉，使其变得更加令人难忘。

您不显示文本和一个按钮（可以使页面看起来“基本”）。使用良好的图像或视频可以放大情绪，并帮助澄清您的邮件比言语更快。 （例如，登陆页上的一本书的图像比只是说“免费电子书！”）。

它遵循视觉层次结构，降低了复杂性。 这为您提供了读取内容时的固有未宣布的订单。 标题，然后是图像或视频，然后按钮或形式。 如果您真的希望在行动中查看更多这些模式，只需在Behance中搜索“着陆页”。 你会在任何地方看到它以上的折叠格式，并且有充分的理由。 如果您想知道在哪里获得您的页面的伟大图像，Kickofflabs就有一个很好的文章，其中包含有偿和自由来源的良好列表。 但是，如果您不想使用上面提到的设计模式怎么办？ 只要您找到以某种方式包含图像，视频或视觉样式的方式，您不需要（如在后台）。 因为有些东西不仅仅是一种纯色，它是指数增添了一页的纯色。 由于我想比较并驱动到家，这里是一个没有背景的一个着陆页（它来自模板）

这是一个带有图像的人（讽刺地是，实际上是一个背景视频。但静止图像太好，所以我保持它）： 具有良好形象的人将永远看起来更专有。 （如果你认为我错了，请在评论中打击我） 提示：如果你去后台路线，叠加，模糊或使图像变暗，以使前面的文本更多。 现在我们弄清楚了组织在折叠之上的最佳方法，让我们探索我们应该为该页面其他部分实施的其他规则...... 基本上它是因为你看待最佳实践越多，你就越意识到它是多么明显。 然后你最终开始踢自己，因为你的页面最终会破坏网络的每个明显的规则。 这就是为什么他们称为UX公开秘密 - 他们是如此明显，但我们一直在打破这些规则。

只有下划线文本，即链接。不要用它来强调文本。那是因为我们已经将带下划线的文本与其他网站上的链接相关联。如果我们强调正常文本，我们只是发送混合信号。

尽可能保持一致。如果您创建24px分开的间距，请在24px上进行所有类似的间距。让所有H1S大小相同。 H2S相同的尺寸。所有这些都有助于您的页面看“关”。

使用H1S，H2S，H3S及更大（并在HTML中使用正确的标记）。使用屏幕阅读器的人（大声读取文本的程序）使用它们来更好地将您的页面呈现给用户。你永远不知道你是针对的人是否正在使用它们。也有助于SEO。

将事物组合在一起，以降低视觉复杂性。还是好的，这不是一个“明显的”规则，但这是一个很好的设计原则。更近的元素倾向于在视觉上（和心理）在一起分组。您可以使用颜色来做同样的事情。

16px。您应该在任何网站上的最小类型的大小为16px。任何低于那个的东西，你都会让事情难以阅读。

让你的按钮看起来像按钮。让它们圆形，给他们一些阴影，当鼠标徘徊在它上面时，使它变得更暗。

你会感到惊讶的是，这会随着时间的推移而增加的事情。看看你最喜欢的页面，你会注意到他们都遵循这些UX规则（以及更多）

让我们说实话，赔率是你在这篇文章中没有读过每一个单词。 你撇去了一点，因为你知道，你有生命。 根据研究，用户倾向于浏览他们正在寻找的相关信息并忽略其他一切。 这就是为什么我一直将这篇文章分开到“细分”中。 这个想法是你应该尝试做同样的事情。 使用子弹点（就像你现在正在读的那样。他们有助于简明扼要地打击你的好处） 使用有意义的子标题（问自己“导致需要了解什么”，并使您的副标题） 保持线路长度短，在60-80个字符之间，因此更容易阅读。 你不希望导致失去他们的位置，因为你的线路这么长时间，他们在下一行失去他们的位置） 保持每个段落的一个想法（并保留您的段落不到3个句子。如果您需要更多，要么将其打破或更简洁）

包括您在页面中更高的最重要信息。 在页面上不太重要和支持信息。 看看你是否可以在完成页面后一半的单词计数。 少于单词意味着较少的杂乱。 并且不要给我错了！ 使易于扫描的内容不会在页面上对任何一个字变得更重要。 它确实使您的页面更加消化，更容易导航，更重要的是 - 您的领导不必考虑找到信息...... 我见过这一点的一个很棒的难忘榜样正在将这个网站与这个其他更好的网站进行比较（警告：非常沉重的搞笑诅咒） 本文中的大多数登陆页面示例来自我的登陆页面刷卡文件 我的免费登录页面滑动文件包括来自Web上的Real Randing页面的注释示例和研究。

您将其作为奖励签名，以便在一个快照中注册：每周一次通讯，为想要增加其着陆页面的营销人员，设计师和DEVS提供洞察力的新闻通讯。 你可以在这里看看。