跳到主要内容

从网站不同元素的关系而言,网站排版,可以分为“图文的排版”“图片的排版”“文字的排版”三类。本篇,我们主要总结文字的排版。

网站设计文字排版指南
网站设计文字排版指南

什么是文字排版?

文字的排版指的是字体的视面。这是一种以一种清晰美观的方式安排文本的理念。优秀的文字排版,可以用来传达某种情绪或加强信息。为此,我们可以使用不同的字体和字体样式,以及调整大小、字母和单词之间的间距等等。

文字排版到底排什么?

要了解网站的文字排版,我们必须知道一些术语。这些术语也是文字排版的变量。

字体和字形。字体指的是某种字的样式,如黑体字、宋体字,而字形指的是一个字体的形状变化,例如加粗、斜体等。

易读。一段文字是否容易阅读,就是易读性。一段文字的易读性与字间距、行间距、字体大小、背景色、字体颜色,都存在较大的关系。

衬线和无衬线。衬线字体包括小的装饰线或在字母笔画的末端的“尾巴”,无衬线字体通常是由更简洁的线条组成,字母的顶端没有任何修饰。

层次感。层次感在排版中是必不可少的。它可以用来区分不同的内容,帮助读者立即理解哪些信息是最重要的。层次结构可以使用大小(大或小)、宽度(厚或薄)和元素的位置来实现。例如,报纸文章的标题通常比正文更大更突出,让读者通过浏览标题就能了解文章的要点。

留白。 在图形元素之间添加适量的空间有助于避免混乱和确保清晰。在文本周围加上边距或空白也会引起更多的注意,并有助于区分信息。

对齐。排版对齐指的是页面上文本位置。包括左对齐、右对齐、中间对齐等。

网站设计文字排版指南

在了解了如上术语之后,我们总结一些文字排版要点,仅供参考。

第一,找到与品牌匹配的字体。

不管是什么,找一种能表达你独特个性的字体。为了为你的网站选择最好的字体,首先收集一些你觉得合适的字体,然后在你更好地了解你需要的字体之后缩小字体范围。

第二,保证字体的一致性。

当你可以在同一个网站上合并两到三种字体时,在相同的上下文中使用相同的字体。例如,如果一个页面的标题是宋体的粗体写的,那么确保其他标题也是一样的。

第三,使其易读。

使得网站选择的字体,在各类设备中都是容易阅读的。例如,如果你选择的字体在PC机上是容易阅读,也要确保其在手机上也容易阅读。

第四,字体限制在两三种之内。

一个由多种字体组成的网站可能会显得混乱和不连贯。相反,选择不超过两到三种字体,并在每一页中始终使用它们。

第五,学会进行搭配。

在为你的网站寻找最佳的字体搭配时,把你的品牌身份放在你决策的最重要位置。记住标题用什么字体,长文本用什么字体。后者应该是特别干净和容易阅读,选择一个字体真正地表达你的品牌。

回到顶部