改善到达网页设计的13个秘诀

　　01 /使用上的文字图像的颜色叠加

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

　　02 /不要过度使用负空间

　　设计师喜欢负空间，我们总是听到我们应该如何在网络上拥有更多负空间。但是，当属于在一起的元素之间存在过多的负空间时，眼睛会结结巴巴，掉入空虚的空隙中，而不是轻易流过连接的元素。

　　03 /没有人喜欢“沙拉”一词。

　　任何浏览过网站分析的人都知道，你只有很少的时间来吸引某人的注意力。讲到重点。

　　04 /甚至纯文本的布局也应该在视觉上吸引人。

　　着陆页的纯文本部分可能很难设计，尤其是在你没有机会或资源使用插图，肖像或摄影的情况下。着眼于你的品牌颜色和印刷细节，以快速赢得你的设计。

　　05 /图标很小，插图很大。

　　图标很棒，但是他们应该知道自己的位置。这些家伙天生简单，喜欢扮演配角。大把它们炸掉，现在你只有一个不好的例证。如果你使用带有标题的图标，则希望标题首先弹出。

　　06 /尽量少用字母间距。

　　有很多方法可以使用字母间距来巧妙地改善印刷效果，但是如果你不是经验丰富的印刷师，则可以坚持在所有大写字母标题上增加一些字母间距。在句子大小写的文本中增加额外的字母间距可能会产生可读性问题，并破坏字体设计的自然节奏。

　　07 /在常见问题解答中观察行长常见。

　　问题解答部分可能是网络上行列过长的罪魁祸首。最佳行长度在45到75个字符之间，包括空格和标点符号。最佳行长度在45到75个字符之间，包括空格和标点符号。

　　08 /向我显示值

　　在此示例中，真正的价值主张隐藏在几乎不可读的字幕中。还有一个容易的机会，可以通过增加真实用户的面孔来为社交证明增加真实性。

　　09 /没有人喜欢小小的文本。

　　在此示例中，CSS使用了可变的Web排版，从而创建了正文复制为11px，导航链接为9px的方案。现在，浏览器的默认字体大小为16px已有20年了-使用专为屏幕设计的现代字体，并以18–20px开始正文复制。

　　10 /应用赔率法则。

　　布局将更多的打孔器包含奇数个元素。如果你要提出4分，请尝试通过将2分组合在一起在3中说同样的话。如果这不可能，请优先考虑你的观点并削减最薄弱的一面。警惕在下面的示例中将布局设置为5，因为这会感觉到认知超负荷。

　　11 /处理认知超负荷。

　　尽可能合并并减少你的分数。在标题之间创建大小对比，并进行复制以改善视觉层次，并在你有很多话要说时使用负片空间来创建更平静的体验。

　　12 /使用亮色作为重点

　　在大范围使用亮色会使你陷入对比度问题，从而可能无法满足文本的基本可访问性要求。在按钮等较小的元素上，你可能需要避免使用白色文字。

　　13 /总是检查灰色文字的对比度

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