近期群里的朋友说自己做的网站总是跳出率非常高,文章页的有关推荐也增加了好多,可是访客的停留时间依旧非常短。独酌互联网打开他的网站仔细看了下,感觉文章内容写的还可以,有关链接也都做了,但文章的行与行之间特别紧,文章也没插图搭配,可能是由于要节省空间是什么原因。
排版在网站制作中常常被忽视。其实这是非常傻逼的,由于重视网页排版确实可以提升你的网站制作水平和可读性。下面记者列出了几个很有用的排版方法叫你的网站看着更好。
1、纠正行高
最容易见到的网站布局错误之一是概念了不正确的行高。行高是概念一行文本的高度,所以大家需要根据文本字体大小来设定行高。
通常来讲,在设置文本行高的时候,我常常在字体大小的基础上加上7个像素(对12|17像素的字体而言)
2、纠正标题margin值
另外一个容易见到的错误是标题周围不正确的margin值。标题其实是与它下面的段落是有关联的,而不止是两个段落的分 割符。这就是为何标题的margin|TOP比margin|bottom要宽。
3、不要用过多的字体
为了确保可读性和专业性,你的网页上不应该用超越3种字体。用过多的字领会干扰你的用户而且叫你的网站看起 来非常乱。相反,较少的字体叫你的网站看上去干净易读。你可以标题用一种字体,正文用一种字体,最后 logo或副标题用另外的字体。
4、代码部分用等宽字体
假如你是一位开发者(就像大多数读这篇博客的人)你可能想贴一些代码在你的博客里。若是如此,请用等宽字体。 那样,什么是等宽字体?它就是字母和字符占相同水平宽度的字体。
那样在网站的代码段你应该用哪种字体呢? 到现在为止 Courier字体是最火爆的,那样试试看看最新的一些字体像 Consolas或 Monaco如何呢?那你必须要看看这里咯。这里
5、关注对比
即便你的网站有非常不错的排版了,另一个应该注意的是对比。假如你的页面背景是中灰色(#999999),那样不要用深灰色(#333333)的文本,不然你的内容非常难看清,特别是对一些年龄比较大的或视力差的人。
总之,除非你的网站是关于黑客、黑帽优化或哥特摇滚的,不然你应该用浅色背景和深色字体来保证明确的对比度增加你网站的可读性。
6、只给链接的文本加下划线
在我上网的12年中,浏览器用在链接的默认样式一直是蓝色文本加下划线。虽然这个蓝色常常被改成另外的颜色,但下划线一直被当做是链接的常规样式。这就是为何除去链接你不要给其他的东西加上下划线是什么原因。不然,这可能对你的用户导致非常大的困惑。
7、创建样式库
叫你的网站产生视觉震惊的一个简单高效的办法是给特殊的页面创建特殊的样式。比如,创建一个.warning的CSS类来向 你的用户显示“警告”。
8、按级别来排列标题和文本
为了增加可读性,给标题、介绍段落和常规文本创建标签层级是非常重要的,如此你的用户可以看清你的文章结构并能非常 快的找到他们有兴趣的部分。
9、大胆留白
我觉得非常重要的排版方法之一是“大胆留白”。留白是指空白区或没用的空间,它会使你的设计整齐而专业。很多人 喜欢苹果网站是什么原因:它尽管简单但非常精致,而且有不少留白。
10、正确用标点符号
假如你想提高你的排版水平不容忽略的一点是正确用标点符号。比如,引号常常用双撇符号代替(译者注:我想作者要表达的意思应该是全角符号和半角符号有什么区别,就像中文的引号和英文的引号不同一样)。
尽管,你可能已经熟知了网站制作的层次结构,你可能也了解排版中也必不可少它。但保山网站制作公司还是要再强调一下,层级结构会给你一个阅读显示文本的起点。这点尤为重要,由于这会帮你准确传递信息,同时保证读者准确理解。不少网站在这个问题上都做得非常不错,但你还是应该牢记在心,如此你的网站就不会看上去太过时。为了增加可读性,给标题、介绍段落和常规文本创建标签层级是非常重要的,如此你的用户可以看清你的文章结构并能非常快的找到他们有兴趣的部分。




