商丘做网站,商丘网站优化,商丘网络推广,商丘网络公司
当前位置:首页 > 新闻资讯 > 建站经验 >

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

发表日期:2018-01-14 19:45聚圣源浏览次数: 本文关键词:让,网页,文本,看上去,更,舒服,这,8个,关键,

让网页文本看上去更舒服,这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. 避免使用红色或绿色文本

  在网站中我们有时会使用彩色的文本重点突出某个信息,这时尽量不要使用红色或绿色的文本,这时因为红绿色盲是最常见的视觉障碍之一,有时可能影响信息的有效传递。如果你真的想要在网站中使用红、绿色,记得尽量搭配其他的区分方式,如加粗、斜线、下划线等。下图就是一个实例:右图在需要强调的区域除了标红,还加上了星号用来强调。

  

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

 

  8. 避免使用闪烁文本

  一些站长喜欢在网站中使用闪烁的文本以吸引用户的注意力。这是闪烁文本的优点,同时也是它的缺点所在,很多用户反映说这种文本太令人烦躁、太让人分心了。所以小飞建议最好避免在网站中使用闪烁文本,毕竟能够吸引用户注意力的方法可不止这一种。

  

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

 

  众所周知,排版设计在网站中发挥着很重要的作用。尽管关于网页排版的潮流趋势也一直在变,小飞相信只要灵活掌握上述8个小技巧,您一定能够做出令用户满意的排版设计。

如没特殊注明,文章均来自网络! 转载请注明来自:http://www.jushengyuan.com.cn/news/jzjy/9810.html

网站设计案例推荐

热门文章

站长工具综合查询里面SSL证书不...

SSL证书不安全是怎么回事?但是点进去这个提示后,显示的是别人的tdk是不是被劫持或者被黑了?...

日期:2018-03-27 浏览次数:1932

简洁而实用的版权信息可增色网...

打开网站,人们自然会从上往下浏览,首先映入眼帘的一定是BANNER主视觉,然后是网站主体内容部分。相比较而言,注意到网站底部版权信息的浏览者确实不多,但这并说明网站版权信...

日期:2018-09-20 浏览次数:1889

网站设计需要注意的3点问题...

对于网站设计来讲会受到很多因素的影响,而且不同类型的网站,在设计时需要体现的元素也不一样,比如说对于一个企业网站更想体现出品牌以及产品的特点,主要是对产品、企业信...

日期:2018-02-12 浏览次数:1809

企业网站为什么要改版 改版选择...

网站改版,是每个建站企业必须面临的工作。相信也有不少站长问,已经做好的企业网站,为何还要大费周章重新进行改版设计呢?下面小编就来给大家说说,企业究竟为什么要改变,并...

日期:2018-03-26 浏览次数:1345

永城网站制作:模板建站不可不...

随着互联网建站尤其是自助建站热潮不断高涨,建站行业涌现出越来越多的自助建站平台,这些平台普遍都提供网站模板可选。...

日期:2018-04-30 浏览次数:940

相关文章

比玩拼图还容易 云指建站让你...

模板建站,机动度低、扩展性差是众所周知的事变,建出来的网站,如出一辙,基础卖不了高价。 以是,许多建站者会选择模块建站,机动性高,能实现本性化结果,建出来的网站较模...

日期:2018-11-22 浏览次数:77

「广东网站优化」怎样让企业网...

互联网在给我们提供便利的同时, 广州 也带来了新的商机,作为企业,对于互联网的态度,我们可以从企业网站的运营方向可以清楚的感受到这种变化,从最早的玩时髦,到对互联网...

日期:2018-09-21 浏览次数:74

商丘网:从建站开始做SEO,让您的...

如果说要做好SEO,那一定要从建站系统开始,如果说建站系统里SEO效果做的最好的,那一定是云指建站。 影响一个网站的SEO优化的因素主要是:服务器稳定性、网站的框架、网站代码、...

日期:2018-08-18 浏览次数:75

开封企业网站怎么做? 知道这些...

网站是传统企业顺利实现互联网+转型的平台,弄得不好,让消费者看到一个粗糙丑陋的网站,就丢人了所以今天,小编就来为大家讲讲,做一个企业网站到底有哪些环节是要注意的。...

日期:2018-01-19 浏览次数:125

如何让用户主动点击你的网站...

经常有人说: 不投广告等死,投广告找死!广告在烧钱!花的多浪费多!转化率低,没有或很少有订单? 不要把所有希望都寄托在寻找更优质的广告平台上,找找广告着陆页的原因,或许才...

日期:2018-01-19 浏览次数:72

随机推荐

美容O2O解决方案,总有一款适合...

江湖外卖O2O系统积分商城华丽变...

如何选择优质论坛虚拟主机...

大话西游之建站宝盒:利用“互...

多年的网站优化知识白学了 这样...

百度VIP大讲堂上海站干货大放送...