改善到达网页设计的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 /总是检查灰色文字的对比度

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

  分享最新鲜的设计文章!提供最优质的设计服务!

标签