logo竹子建站
自助建站学习---网站字体排版的基本规则
2020-04-20 18:50:45

如何让一个网站看起来更舒服,这看似是一个简单的命题,但实际操作起来可一点都不容易。

而一个网站是否能建立起与用户之间的联系,能否帮助网站运营者达到自身的目的,都是建立在网站能否让访客轻松浏览的基础之上的。

所以优化网站的文字排版就会成为优化用户体验的一种良好方式,良好的排版可以让用户的阅读行为变得更加轻松,让网站看起来赏心悦目;而劣质的文字排版则会导致用户关闭网页,两者对比高下立判。

今天小编就来讲讲网站的文字排版需要注意哪些细节。

 

1、去除多余累赘的字体

一个网站或者说一个页面,最好不要去使用过多的字体。

花里胡哨的不同字体会使网站看起来缺乏结构化和不专业。就如下图所示,过多的字体会导致页面看起来杂乱无章,让用户失去阅读的兴趣 。

所以为了防止这样的情况,我们应该尽量将网站中的字体数量减少。一般来说将字体的数量限制在两个以内,一般建议只使用一种字体,这样可以让网站的内容看起来更有连贯性。

 

2.注意行宽

每一行放置适当的文字数量也是文本可读性的关键,我们可以适当设置文字的字间距和字体大小来进行调整。

如果一行文本太短就会导致读者的眼睛来回打转,在破坏阅读节奏的同时还容易出现看错行的情况;而如果文本过长,用户也难以长期保持专注。

特别对于移动端和pc端,最好可以分开设置不同的字间距和字体大小,让移动端客户也可以轻松浏览网页。

对于移动设备,如果是长篇的文字,我们可以尽量将每行的文字保持在30个字符左右。

PC端则可以根据实际的页面进行调整,争取不让文字显得臃肿的同时,保证文本可以利落的分栏,从而提高阅读速度和改善阅读感受。

 

3.字体的选择

网站的文本我们可以选择的字体有很多,但是我们在进行选择时同样要考虑到用户的感受。

我们应该预想到用户访问网站时的各种应用场景,用户可能会通过电脑来浏览你的网页,也可能会用平板或者手机来浏览,所以选择一种能够在各种屏幕尺寸上良好显示的字体就尤其重要。

比如上图所示,我们可以看到这种字体的风格很有特色,但是对应的是单这种字体再被缩小以后,就变得极难看清了。

这也是我们应该要注意的,假设用户用手机打开网站看到的是被缩小后模糊到难以看清的字眼,那么就有可能直接离开网站。

 

4.行间距以及段间距的设置

行间距就是指两行文字之间的距离。当行间距太窄时,文字就会显得拥挤,阅读起来就会很费劲,需要花时间去分辨。

而当行间距太大时,难免让人感觉文字内容稀稀拉拉的,阅读的连贯性就会受到影响。一般情况下,两行文字之间的距离不会越过两个字的高度,适中的行间距在阅读中会带给读者松、舒适的感觉。

同时我们可以设置段落之间的间距,实际上适当的在段落之间进行留白可以给用户留出理解内容的时间,从而提高内容理解度。

5.文字的颜色选择

文字的颜色选择同样有讲究,不是简单的选择黑色这么简单的。

特别是在大段的文本内容中,如果通篇使用纯黑色的字体颜色会使变得沉重,看久了就会让读者感到很疲惫。

这时我们可以尽量使用一些比纯黑色淡一点的颜色,比如利用#595959这样的颜色可以让文章整体观感更清新,大幅度减轻阅读负担。

文字排版其实本身就是网页设计的一个重要部分,内容的可读性和易理解程度至关重要,因为它决定了网站内容能否被用户接受!

网站本身存在的意义就是传递信息,我们应该在不增加用户认知负荷的情况下增加内容的可读性,优化文字排版就是一个极佳的选择。

相关推荐