地  址:江苏省南京市玄武区玄武湖
电  话:4008-888-888
邮  箱:9490489@qq.com
商  务QQ:2832830888
免费建立个人的网站:成都网站制造公司整顿10个有效的排版技巧晋
作者:管理员    发布于:2020-05-26 15:38   文字:【】【】【

排版在网页设计中常常被疏忽。其实这是很傻的,因为注重网页排版确实可以提高你的网页设计水平和可读性。下面,小编列出了10个十分有用的排版技巧让你的网站看起来更好。

1、纠正行高

最多见的网页布局过错之一是界说了不正确的行高。行高是界说一行文本的高度,所以我们有必要依照文本字体巨细来设定行高。

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

body{

font-size:14px;

line-height:21px; /* 14px 7px */

}

2、纠正标题margin值

另外一个常见的过错是标题周围不正确的margin值。标题实际上是与它下面的段落是相关联的,而不只仅是两个段落的分 割符。这就是为何标题的margin-top比margin-bottom要宽。

3、不要使用过多的字体

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

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

假如你是一位开发者(就像大部分读这篇文章的人)你可能想贴一些代码在你的博客里。假如是这样,请使用等宽字体。 那么,什么是等宽字体?它就是字母和字符占相同水平宽度的字体。

那么在网站的代码段你应该使用哪一种字体呢? 到现在为止 Courier字体是最盛行的,那么尝试一下最新的一些字体像 Consolas或 Monaco怎样呢?那你一定要看看这里咯。

5、重视比照

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

总之,除非你的网站是关于黑客、黑帽seo或哥特摇滚的,不然你应该使用淡色布景和深色字体来保证明晰的比照度添加你网站的可读性。

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

在我上网的12年中,阅读器用在链接的默许样式一直是蓝色文本加下划线。虽然这个蓝色常常被改成另外的色彩,但下划线一直被作为是链接的常规样式。这就是为何除了链接你不要给其他的东西加上下划线的原因。不然,这可能对你的用户形成很大的困惑。

7、创建样式库

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

8、按级别来摆放标题和文本

为了添加可读性,给标题、介绍段落和常规文本创建标签层级是很重要的,这样你的用户可以看清你的文章结构并能很 快的找到他们感爱好的部分。

9、大胆留白

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

10、正确使用标点符号

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

留意区分双撇符号:

He said "Hello".

相同的文本,使用引号:

He said Hello.

这样更好,不是吗?假如你是WordPress用户,你可能很乐意知道你最喜欢的博客平台主动将双撇号转换为智能的引号 。不然,你得使用HTML字符编码。如下所示:

He said &s;ldquo;Hello.


文章均为科技专注网站建设,的成都网站建设公司原创,转载请注明来自
Copyright © 2002-2020 制作网页_国外最好的免费建站_免费h5页面制作网站_团购网站建设_免费动画制作网站 版权所有 (网站地图
地址:江苏省南京市玄武区玄武湖 电话:4008-888-888
邮箱:9490489@qq.com QQ:2832830888