便捷的排版技巧提升你网站的易读性友好性
本文摘要: 发布时间:2019-11-22 |浏览次数:| 上传者:郑州企业网站建设 | 网站标签:郑州企业网站建设 自适应网站制作 郑州营销网站 郑州seo优化 郑州SEO最近群里的朋友说自己做的网站老是跳失率特别高,文章页的相关推荐也增加了好多,可是访客的等待时间依然很短。
发布时间:2019-11-22 |浏览次数: | 上传者:郑州企业网站建设 | 网站标签:郑州企业网站建设 自适应网站制作 郑州营销网站 郑州seo优化 郑州SEO 最近群里的朋友说自己做的网站老是跳失率特别高,文章页的相关推荐也增加了好多,可是访客的等待时间依然很短。七彩科技打开他的网站仔细看了下,感觉文章写的还能够,相关链接也都做了,但是文章的行与行之间特别紧,文章都没有插图搭配,多是因为要节省空间的原因。 排版在网页制作中经常被忽略。其实这是很傻逼的,因为注重网站页面设计确实可以提高你的网页制作水平和易读性。下面七彩小编列出了几个非常有用的排版技巧让你的网站看上去更好。     便捷的排版技巧提升你网站的可读性友好性   1、纠正行高 最多见的网页界面设计错误之一是定义了有误的行高。行高是定义一行文本的高度,所以我们必须按照文本文字大小来设定行高。 一般来说,在设置文本行高的时候,我经常在文字大小的基础上加上7个像素(对12-17像素的字体而言) 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、正确使用标点 假如你想提升你的排版水平不可忽视的一点是正确使用标点。例如,引号经常用双撇符号代替(译者注:我想作者要表达的意思应该是全角符号和半角符号的区别,就像中文的引号和英文的引号不同一样)。 尽管,你可能已经熟悉了网页制作的结构分析,你可能也明白排版中也免不了它。但是郑州企业网站建设公司七彩还是要再强调一下,层级结构会给你一个阅读显示文本的起点。这点非常重要,因为这会帮助你准确信息传递,同时保证读者准确理解。很多网站在这个问题上都做得很好,但是你还是应该牢记在心,这样你的网站就不会显得太过时。为了增加易读性,给标题、介绍段落和常规文本创建标签层级是很重要的,这样你的用户能看清你的文章结构并能很快的找到他们很感兴趣的部分。 文章关键字:郑州建立网站 郑州企业网站建设公司 网站建设报价 网站制作报价 企业网站建设价格 网站建设价格 网站制作价格 企业网站建设报价