网站文章的排版技巧

  好的文章内容是非常有助于网站的排名的,那么怎么才能有好的文章内容呢,首先是文章原创度,其次是文章的排版,好的排版能够进步你的网页设计水平缓可读性,下面,列出了几种十分有用的排版技巧让你的网站看起来更好。

  1、纠正行高

  网站文字排版技巧最常见的网页布局过错之一是界说了不正确的行高。行高是界说一行文本的高度,所以我们有必要依照文本字体大小来设定行高。

  一般来说,在设置文本行高的时分,我经常在字体大小的基础上加上7个像素(对12-17像素的字体而言)

  2、纠正标题margin值

  一个常见的过错是标题周围不正确的margin值。标题其实是与它下面的阶段是相关联的,而不仅仅是两个阶段的切割符。这就是为什么标题的margin-top比margin-bottom要宽。

  3、不要运用过多的字体

  为了确保可读性和专业性,你的网页上不应该运用超越3种字体。运用过多的字体会搅扰你的用户并且让你的网站看起来很乱。相反,较少的字体让你的网站显得洁净易读。你能够标题运用一种字体,正文运用一种字体,最终logo或副标题运用别的的字体。

  4、代码部分运用等宽字体

  如果你是一位开发者(就像大部分读这篇博客的人)你可能想贴一些代码在你的博客里。如果是这样,请运用等宽字体。

  什么是等宽字体?

  它就是字母和字符占相同水平宽度的字体。

  在网站的代码段你应该运用哪种字体呢?

  到目前为止 Courier字体是最盛行的,那么测验一下最新的一些字体像 Consolas或 Monaco怎么样呢?

  5、重视对比

  即便你的网站有很好的排版了,另一个需要留意的是对比。如果你的页面布景是中灰色(#999999),那么不要运用深灰色(#333333)的文本,不然你的内容很难看清,尤其是对一些年岁比较大的或视力差的人。

  总之,除非你的网站是关于黑客、黑帽搜索引擎优化或哥特摇滚的,不然你应该运用浅色布景和深色字体来确保明晰的对比度添加你网站的可读性。
       

  6、只给链接的文本加下划线

  浏览器用在链接的默许款式一向是蓝色文本加下划线。虽然这个蓝色经常被改成别的的色彩,但下划线一向被作为是链接的惯例款式。这就是为什么除了链接你不要给其他的东西加上下划线的原因。不然,这可能对你的用户形成很大的困惑。

  7、创立款式库

  让你的网站发生视觉震慑的一个简略高效的方法是给特殊的页面创立特殊的款式。例如,创立一个warning的CSS类来向你的用户显现“警告”。

  8、按级别来排列标题和文本

  为了添加可读性,给标题、介绍阶段和惯例文本创立标签层级是很重要的,这样你的用户能够看清你的文章结构并能很快的找到他们感兴趣的部分。

  9、斗胆留白

  最重要的排版技巧之一是“斗胆留白”。留白是指空白区或没有运用的空间,它会使你的设计规整而专业。许多人喜爱苹果网站的原因是:它虽然简略但很精美,并且有许多留白。

  10、正确运用标点符号

  如果你想提高你的排版水平不容忽视的一点是正确运用标点符号。例如,引号经常用双撇符号替代(译者注:我想作者要表达的意思应该是全角符号和半角符号的差异,就像中文的引号和英文的引号不同相同)。

  留意区别双撇符号: He said “Hello”.

  相同的文本,运用引号: He said “Hello”.

  虽然,你可能已经熟悉了网页设计的层次结构,你可能也理解排版中也少不了它。可是仍是要再着重一下,层级结构会给你一个阅览显现文本的起点。这点十分重要,由于这会协助你精确传递信息,同时确保读者精确理解。许多网站在这个问题上都做得很好,可是你仍是应该牢记在心,这样你的网站就不会显得太过期。为了添加可读性,给标题、介绍阶段和惯例文本创立标签层级是很重要的,这样你的用户能够看清你的文章结构并能很快的找到他们感兴趣的部分。



回到

顶部