欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站建设News

让网页文本看上去更舒服,这8个关键技巧一定要记牢

发布时间:2017:12:18 21:39:50 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1461个文字,预计阅读时间4分钟
导语
对于各位站长来说,网站信息的有效传递至关重要。虽然网站中的图片、图标、按钮、表单等都元素承载着一定的信息,但其中的quot;主力军quot;还数网站文本。如何能让网站文本的信息

让网页文本看上去更舒服,这8个关键技巧一定要记牢

 

  对于各位站长来说,网站信息的有效传递至关重要。虽然网站中的图片、图标、按钮、表单等都元素承载着一定的信息,但其中的"主力军"还数网站文本。如何能让网站文本的信息快速地传递给用户呢?这就涉及到网站排版设计的问题了,清晰的网页排版有助于提高文本的可读性,提升可访问性,让用户在阅读更加愉悦。怎样才能做好网页排版呢?今天这篇文章就总结了8个网页排版设计的小技巧,一起来看看吧!

  1. 控制字体类型

推荐阅读:内容策略让你的网页比以前更优秀

  一般来说,如果你在网页文本中使用3种或3种以上不同类型的字体时,网站结构会显得很混乱,这会极大影响网站内容的可读性。因此我们需要对网站字体类型的数量加以控制。这有一个最简单的方法,那就是在网站中坚持使用一种字体,通常一种字体就可以满足绝大多数访客的浏览需求。如果你真的需要在网站中使用两种不同类型的字体时,那么请确保这两种字体相互协调,可以很好的搭配在一起。以下图为例,左侧的Geogria和Verdana在字体的大小、宽度上比较接近,比较适合在同个网页中出现。相比而言,右侧的Baskerville和Impact差距太大了,一个衬线体相当突出,一个很是沉闷厚重,同时出现会破坏网页的和谐美感。

  

让网页文本看上去更舒服,这8个关键技巧一定要记牢

 

  2. 使用标准字体

  诸如Google web fonts 和Typelkit这样的字体服务商经常会提供一些有趣的字体,虽然这些字体能够给用户带来新鲜的体验,在使用时也很方便,但小飞还是建议多使用标准字体。这是因为不是每一位访客的电脑里都有你想要使用的特殊字体,举个栗子来说,windows电脑中的微软雅黑并不是Mac的标配字体,如果你在网页中使用了微软雅黑,它在Mac上会以苹方来显示,原本的字体效果无法很好的展示出来。所以说,为了确保每个用户都能获取良好的浏览体验,我们最好在网页中使用标准字体,标准字体的选择可以根据目标群体的阅读习惯、使用设备等来确定。

  3. 控制每行文本长度

  每行文本的字符数对网站内容的可读性有着直接的影响。如果每行文本太短,用户需要来回扫视,这会打乱阅读的节奏;而文本太长,用户又很难持续保持注意力的集中。这里小飞建议中文字体每行35-45个字,英文字体每行60个字符数(这是针对于PC端的)。而对于移动端设备来说,由于屏幕较小,文本长度应更加短一些。下面就是英文网站在手机端展示的栗子,左侧每行文本使用了50-75个字符,而右侧文本长度保持在30-40字符。很明显,右侧适当缩短行长的展示效果更佳。

  

让网页文本看上去更舒服,这8个关键技巧一定要记牢

 

  4. 选择合适字体

  在移动设备遍地开花的这个时代,用户注定要通过各种不同的移动设备,在不同的分辨率下浏览网站。所以我们需要选择一款合适的字体, 一款在不同尺寸屏幕上、不同字重情况下都能良好呈现的字体,以确保网站内容的可读性。在这小飞建议中文字体使用微软雅黑,英文字体使用Calibri、Arial等。

  

让网页文本看上去更舒服,这8个关键技巧一定要记牢

 

  5. 注意控制行高

  在网页排版中,行高也是一个非常重要的概念。简单来说,行高就是行间距,通常情况下,行间距应该是文本高度的30%,这样才可以保证网站内容的清晰易读。研究发现,,如果每行文本之间的间距控制好了,整个网站的阅读效率可以提升20%,用户可以更好的消化网站内容。下图的对比就很好展示了这一点。

  

让网页文本看上去更舒服,这8个关键技巧一定要记牢

 

  6. 确保合理的色彩对比度

  当我们在网站中使用文本时,还要注意文本和背景之间的对比度。只有文本越明显,用户才能快速获取网站的内容。下面是有关网站内容色彩对比的栗子,上面的图片中字体和背景的色彩对比度不够,用户在阅读时很有困难,只能模模糊糊看见文字,而下面的图片中色彩运用合理,文字和背景的对比清晰鲜明,是我们学习效仿的对象。还有,当我们确定了网站的配色后,一定要尽可能在多个设备上进行测试,确保不同设备用户都能获取良好的浏览效果。

  

让网页文本看上去更舒服,这8个关键技巧一定要记牢

 

  

让网页文本看上去更舒服,这8个关键技巧一定要记牢

 

  7. 避免使用红色或绿色文本

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:佛山高端网站建设需注意及网站设计色彩搭配

下一篇:企业商城建设要选择怎样的企业建站工具?

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

    一对一专属顾问,7*24小时金牌服务

  • 售后无忧

    完善售后,客服经理全程跟进

建站优化二维码
建站优化二维码

截屏,微信识别二维码

微信号:13825575516

(点击微信号复制,添加好友)

优化二维码打开微信