落地页往往起着第一时间给引流用户传达有价值信息的重要作用，最终结果是要服务于“用户增长”这个主要的目标。目的是承接浏览量和提升产品用户转化率。如何做好落地页设计？这里分享13个可以有效改善落地页设计的技巧。

01 /使用半透明颜色叠加覆盖图片提高文字可读性
有时候你不得不工作的一些蹩脚的图像。通过在半透明设置中覆盖品牌颜色，尝试将它们更像是背景纹理而不是主要焦点元素。这将为您提供必要的对比度，使覆盖的文本可读。在下面的示例中，我还对文本应用了深蓝色阴影以进一步增强对比度。

02/ 不要过度使用留白
设计师喜欢留白，我们总是听到我们应该如何在网络上拥有更多负空间。但是，当属于在一起的元素之间存在过多的留白时，眼睛会结结巴巴地陷入空洞，而不是轻松地流过相连的元素。

03/ 没有人喜欢繁琐
任何看过网站分析的人都知道，你只有很少的时间来吸引别人的注意力。切入正题。

04/ 即使纯文本布局也应该具有视觉吸引力
登陆页面的纯文本部分可能很难设计，特别是如果您没有机会或资源使用插图、图标或摄影。将您的品牌颜色和排版细节视为提升设计的技巧。

05/图标小，插图大
图标很棒，但他们应该知道自己的位置。这些家伙生性简单，喜欢扮演配角。把它们放大，现在你的插图很糟糕。如果您使用带有标题的图标，您会希望标题首先弹出。

06/ 谨慎使用字母间距
有很多方法可以使用字母间距来巧妙地改进排版，但是如果您不是经验丰富的排版师，请坚持只在所有大写标题中添加一点字母间距。为句子大小写文本添加额外的字母间距会产生可读性问题，并打破字体设计的自然节奏。

07/ 在常见问题解答中注意行长
相对于令人震惊的行长而言，常见问题解答部分可能是网络的第一大罪魁祸首。最佳行长度在 45 到 75 个字符之间，包括空格和标点符号。

08/ 向我展示价值
在这个例子中，真正的价值主张隐藏在一个几乎不可读的副标题中。通过添加真实用户的面孔，还可以轻松地为社交证明添加真实性。

09/ 没有人喜欢小文本
在这个例子中，CSS 中使用了可变网页排版，创建了正文为 11 像素和导航链接为 9 像素的场景。浏览器默认的16px字体大小现在已经有 20 年的历史了——使用专为屏幕设计的现代字体并确保正文字体大小在18-20px之间。

10/ 应用赔率规则
布局用奇数个元素包装更有冲击力。如果您有4点要说明，请尝试将2点组合在一起，在 3 点中说同样的话。如果这是不可能的，请优先考虑您的最需要的点并减去最弱的点。在如下示例中的布局中要小心使用5个说明要点，因为它会让人感觉认知超载。

11/ 管理认知过载
在可能的情况下合并并减少你的要点。在标题和副本之间创建大小对比以改善视觉层次结构，并在有很多话要说时使用留白创造更平静的体验。

12/ 使用明亮的颜色作为重点
在大面积使用明亮的颜色会使您遇到对比度问题，可能无法满足您文本的基本可访问性要求。在按钮等较小的元素上，您可能需要避免使用白色文本。

13 /总是检查灰色文字的对比度
使用灰色文字是一种流行的技巧，用来创建文本元素间的层次结构。但这通常会导致严重的可访问性问题，因为文本缺乏足够的对比度。如果您需要建立更清晰的视觉层次结构，请使用在线工具检查对比度，并增加字体大小的对比度。

本次分享就到这里，希望通过分享内容可以帮助你设计出更有价值的落地页。

Powered by Froala Editor