终于懂了如何提升网页设计的可读性

排版在网页设计中经常被忽略，但如果你注重网页排版就可以提高你的网页设计水平和可读性，今天小编主要给大家分享如何提升网页设计的可读性，希望对你们有帮助!  

1.纠正标题margin值  

另一个常见的错误是标题周围margin值不正确。标题实际与它下面的段落相关联，而不仅仅是两个段落的分隔符。这就是为什么标题的margin-top比margin-bottom要宽。  

2.字体多  

为了确保可读性和专业性，不应该在web页面上使用超过三种字体。使用过多会干扰到用户，让网站看起来很凌乱。相反，更少的字体使你的网站更干净，更容易阅读。  

可以标题使用一种字体，正文使用一种字体，为LOGO或副标题使用另一种字体。  

3. 代码用宽字体  

如果你是一名开发者，你可能希望在博客中发布一些代码。如果是，请使用宽字体。那么，什么是宽字体呢?它是一种具有相同水平宽度的字母和字符的字体。  

那么在代码段中应该使用哪种字体呢?Courier是目前*的字体。看看 Consolas或 Monaco，一定会有意想不到是的效果。  

4.关注对比  

即使你的网站排版得很好，另一件要注意的事情是对比。如果你的页面背景为中灰色(#999999)，请不要使用深灰色(#333333)的文本。否则，你的内容将很难阅读，特别是对老年人或视力受损的人。  

简而言之，除非你的网站是关于黑客，黑帽seo或哥特摇滚，不然你应该使用浅色背景和深色字体，以确保清晰的对比和增加可读性。  

5.链接下划线  

在我上网的12年里，链接的默认浏览器样式一直是蓝色下划线文本。虽然这种蓝色经常被更改为另一种颜色，但下划线一直被认为是链接的正常样式。这就是为什么除了链接你不要给其他的东西加上下划线的原因。否则，你的用户可能会非常困惑。  

6.创建样式库  

让你的网站产生视觉震撼的一个简单高效的方法是给特殊的页面创建特殊的样式。例如，创建一个.warning的CSS类来向 你的用户显示“警告”。