当前位置: 网站建设 > 专业知识资讯 >

网站建设:10个有用的排版技巧提升网站的可读性

时间:2013-04-21 16:55来源:未知 作者:网站建设 点击:

标签:网站建设:10个有用的排版技巧提升网站的可读性
总归,除非你的网站是对于黑客、黑帽搜寻引擎优化或哥特摇滚的,不然你应该运用淡色布景和深色字体来包管清晰的对照度增添你网站的可读性。 若是你是一位开发者(就像大局部读这篇博客的人)你能够想贴一些代码在你的博客里。若是是这样,请运用等宽字体。那么,什么是等宽字体?它就是字母和字符占雷同程度宽度的字体。 那么在网站的代码段你应该运用哪种字体呢? 到目前为止 Courier字体是最风行的,那么考试一下最新的一些字体像Consolas或 Monaco怎么样呢? He said "Hello". 相同的文本,运用引号
网站建设:10个有用的排版技巧提升网站的可读性》文章地址:http://www.tfxk.com/zixun/04213BG2013.htm

总归,除非你的网站是对于黑客、黑帽搜寻引擎优化或哥特摇滚的,不然你应该运用淡色布景和深色字体来包管清晰的对照度增添你网站的可读性。

若是你是一位开发者(就像大局部读这篇博客的人)你能够想贴一些代码在你的博客里。若是是这样,请运用等宽字体。 那么,什么是等宽字体?它就是字母和字符占雷同程度宽度的字体。

那么在网站的代码段你应该运用哪种字体呢? 到目前为止 Courier字体是最风行的,那么考试一下最新的一些字体像 Consolas或 Monaco怎么样呢?

He said "Hello".

相同的文本,运用引号:

我认为最重要的排版技能之一是“斗胆留白”。留白是指空缺区或不运用的空间,它会使你的刻画规整而专业。很多人 喜欢苹果网站的缘由是:它固然简单但很优美,并且有良多留白。

最常见的网页计划错误之一是界说了不正确的行高。行高是界说一行文本的高度,所以咱们有必要按照文本字体大小来设定行高。

1、纠正行高

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

He said &s;ldquo;Hello”.

 

让你的网站产生视觉震慑的一个简略高效的措施是给特别的页面创破特殊的款式。例如,创立一个.warning的CSS类来向 你的用户浮现“警告”。

10、准确运用标点符号

注重差别双撇符号:

排版在网页描写中常常被忽视。其实这是很傻逼的,因为注重网页排版确实可以提高你的网页描绘水平缓可读性。下面,我列出了10个非常有用的排版技巧让你的网站看起来更好。

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

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

为了包管可读性和专业性,你的网页上不应当运用超出3种字体。运用过多的字领会干扰你的用户并且让你的网站看起 来很乱。相反,较少的字体让你的网站显得干净易读。你可以标题运用一种字体,注释运用一种字体,终极 logo或副标题运用别的的字体。

He said “Hello”.

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

杭州多媒体设计   杭州多媒体制作  建造动画制造 ,成都网站建设的公司;  杭州虚构事实  互动多媒体制作   杭州互动投影  杭州展会多媒体系作

为了增加可读性,给题目、介绍阶段跟通例文本创建标签层级是很主要的,这样你的用户能够看清你的文章布局并能很 快的找到他们感兴致的局部。

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

在我上彀的12年中,阅读器用在链接的默认格式一向是蓝色文本加下划线,怎样设计网站。诚然这个蓝色时常被改成别的的颜色,但下划线一贯被作为是链接的惯例款式。这就是为什么除了链接你不要给其余的货色加高低划线的原因。不然,这可以对你的用户构成很大的困惑,成都最大的网站建设公司

3、不要运用过多的字体

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


body{
font-size:14px;
line-height:21px;
}

2、改正标题margin值

即使你的网站有很好的排版了,另一个需要重视的是对比。若是你的页面布景是中灰色(#999999),那么不要运用深灰色(#333333)的文本,不然你的内容很丢脸清,尤其是对一些年纪比拟大的或视力差的人。

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

7、创立款式库

9、斗胆留白

5、器重比照


(责任编辑:网站建设)
网站建设:10个有用的排版技巧提升网站的可读性相关文章
上一篇:石家庄刀锋科石家庄网站建设:SEO是策略 下一篇:网站建设控制面板帮助中心汇款方式管理中心销售热线 域名 注册-x
回到顶部