网页排版设计的技巧大全!( 二 )


左:几乎重叠的文本 。右图:良好的间距有助于可读性 。图片来源:苹果
8. 确保你有足够的颜色对比度 不要在文本和背景中使用相同或相似的颜色 。文字越明显,用户浏览和阅读的速度就越快 。W3C建议在正文文本和图像文本之间使用以下对比度:
与其背景相比,小写文字的对比度应至少为4.5:1 。大文字(14pt/ 常规18pt及以上)的背景对比度应至少为3:1 。这些文字行不符合颜色对比的推荐,根据背景颜色很难阅读 。
这些文本行符合颜色对比建议,易于阅读背景色 。
一旦你选择了颜色,你必须在大多数设备上用真实用户测试它 。如果测试显示阅读副本有问题,就可以确定你的用户有完全相同的问题 。
9. 避免文本为红色或绿色 色盲是一种常见的疾病,尤其是在男性中(8%的男性是色盲) 。建议使用这些颜色之外的其他颜色来区分重要信息 。也要避免单独使用红色和绿色来传达信息,因为红色和绿色色盲是最常见的色盲形式 。
10. 避免使用闪烁的文字 闪烁的内容可能会引发敏感人群癫痫发作 。它不仅会导致癫痫发作,而且对一般用户来说很烦人,很分散注意力 。
避免闪烁其词!
结论 排版是一件重要的事情 。做出正确的布局选择可以让你的网站看起来更优雅 。另一方面,糟糕的字体选择可能会分散注意力,并经常吸引人们对字体的注意 。排版要做到易读、易懂、清晰,这一点至关重要 。
内容排版是为了荣誉而存在的 。
排版应该以不会增加用户认知负荷的方式尊重内容 。


推荐阅读