+86 - 21 - 5566 -8921

Think.
Design.
Develop.
Action.

预约我们的数字化专家
1v1为您提供服务

我们将为您提供量身定制的个性化服务,包括竞品观察,行业数据分析实施方案及对应预算等

  • 您需要:
  • 您希望:

您所提交的信息将严格保密,且不以任何形式透露给任何第三方

再想想,稍后预约

什么是排版以及如何正确使用

发布于2025年01月23日

我们都做过:花费大量时间仔细检查短信或电子邮件,以试图查明发件人的确切意图。分析单词背后的含义,或考虑哪个单词更适合特定上下文是我们经常做的事情。但是,我们多久考虑一次文本在视觉上反映书面短语语气的方式呢?在本指南中,我们将研究排版的强大功能。您将找到排版的定义、排版关键要素的概要,以及有关如何为您的网站设计或网站重新设计选择合适的字体的提示。

 

什么是排版?


排版被定义为文字的视觉方面。这是以清晰易读和美观的方式排列文本的做法。除此之外,它还可用于散发出某种情绪或加强信息。为此,我们可以使用不同的字体和字体样式,以及调整大小、字母和单词之间的间距等等。

排版本质上是一种排列类型,用于使书面语言在显示和阅读时清晰易读且具有吸引力。它的历史可以追溯到希腊和罗马的古代文明,那里的字母形式被刻在石头、金属和纸莎草纸上。

在中世纪时期,泥金装饰手稿是用精心制作的字体制作的。然后在 15 世纪,印刷机的发明彻底改变了排版,使书籍更加广泛地可用。

排版是关键的经典设计术语之一,是任何设计的重要组成部分。相同的词可以传达不同的感觉,具体取决于它们的设计方式。无论您是更新网页设计、编写儿童读物还是创建LOGO,请考虑您的文案如何在视觉上设定品牌个性或核心信息的基调。

 

排版的主要元素


为了冒险进入排版的世界,您需要知道哪些变量可供使用。虽然排版术语列表很广泛,但以下元素是您开始所需的元素:

 

字体和字样

现在是时候消除对字体和字体定义的混淆了,因为它们之间存在明显的差异。

字体是一系列字体的统称,而字体是指该字体中的特定样式,例如粗体、斜体或浓缩字体。请注意这篇博文是如何全部用一种字体编写的,但包含多种字体。

 

易读性

虽然有很多机会可以在排版方面发挥创意,但请记住,文本最终是用来阅读的。除了选择清晰易读的字体外,还有其他因素需要注意。

记下文本的大小,以及字母和行之间的间距。此外,请确保文本和背景颜色之间有足够的对比度。这也将有助于改善您网站的用户体验和可访问性。 

 

等级制度

作为设计的基本原则之一,层次结构在排版中是必不可少的。它可以用来区分副本的各个部分,帮助来访者立即了解哪些信息最重要。层次结构是使用从大小(大或小)、宽度(粗或细)到元素放置(屏幕底部的文本似乎不如顶部折叠的文本重要)的任何值来实现的。

例如,报纸文章的标题通常比正文更大或更突出,使来访者可以通过浏览标题来了解文章的要点。这也有助于形成清晰易懂的布局。

 

空白

空白,或者换句话说,“负空间”,仅指文本或图像周围的空白区域。在图形元素之间添加适量的空间有助于避免混乱并确保清晰度。在文本周围包含边距或空白区域也会引起更多关注,并有助于区分信息的各个部分或块。

 

对准

排版对齐是指页面上的文本流设置。有四种基本设置:

  • 向左齐平:文本沿左边距对齐。

  • 向右齐平:文本沿右边距对齐。请注意,在从左到右阅读的语言中,通常不建议使用 flush right,因为它违反了直观。

  • 两端对齐:文本沿左边距对齐,并自动调整间距,以便文本与左边距和右边距齐平。

  • 居中:文本居中,这意味着它不与任何边距对齐。这更适合于标题,而不是大量文本。由于边缘呈锯齿状,来访者每次都需要寻找下一行的开头,因此很难阅读长格式文本。

 

一致性

使用排版时,重要的是要与使用它的所有元素(包括字体、间距和对齐方式)保持一致,以便创建有凝聚力且具有专业外观的设计。

 

上下文

在选择要使用的排版时,了解它的用途和原因很重要。考虑目标受众、内容类型及其分发方式。流派、语气和媒介都应该被考虑在内。

 

网站的排版技巧


编写网站内容是一回事,但决定如何最好地在您的网站上呈现它是另一回事。以下原则是专门为网站创建量身定制的,但也可以在其他环境中实施,例如海报或新闻通讯设计。以下是需要考虑的 6 个排版技巧:

 

01. 反映您的品牌形象

在为您的企业进行任何创意冒险之前,请确保您已经明确定义了您的品牌标识。你有趣且精力充沛吗?或者您有更传统的方法?

无论它是什么,都要寻找一种能表达您独特个性的字体。为了为您的网站选择最佳字体,请先收集一些您觉得合适的字体,然后在更好地了解自己正在寻找的内容后缩小范围。

 

02. 在整个界面中保持一致

建立坚实的品牌形象的一部分涉及一致性。从您的网站配色方案到排版选择,这都是必需的。在您网站上的各种副本中,从构成缩微副本的小段文本,到网站菜单上的标签和主页上的标题,一致性是关键。

通过在整个网站中使用相同的字体和字体来打造整体体验。虽然您可以在同一个站点中合并最多两个或三个字体(更多内容见下文),但在相同的上下文中使用相同的字体。例如,如果一页上的标题以 40px 的 Helvetica Bold 书写,请确保其他标题相同。为了让您的生活更轻松,您可以自定义并保存文本主题,以便在整个网站中重复使用它们。

 

03. 使其易于阅读

文本的存在是为了达到目的。当然,它可以是装饰性的或添加到整体设计中,但无论您是为号召性用语按钮制作排版还是选择字体来设计LOGO,它都必须清晰易读。没有什么比不得不眯着眼睛阅读博客文章,或者因为误解了上面写的内容而点击错误的按钮更糟糕的了。

检查您的副本是否足够大,以便在桌面和移动设备上阅读。您选择的字体也应该在您选择的字体大小下效果很好。某些字样作为标题可能看起来很棒,但在较小尺寸下不太清晰。以下是一些鼓舞人心的网站排版示例。

 

04. 坚持使用两种或三种字体

在创造力方面,设置限制可能是一种非常宝贵的做法。排版也是如此。由多种字体组成的网站可能会显得凌乱且不连贯。相反,选择不超过两三种字体,并在每个页面中一致地使用它们。

一个好的做法是选择一种主要用于标题或标题的字体,另一种用于较长的文本块,如描述和博客文章。如果您想添加一些多样性,请使用第三种字体作为行动号召和其他缩微副本。

 

05. 探索字体配对

在为您的网站寻找最佳字体配对时,请将您的品牌标识放在决策的最前沿。在脑海中记下哪种字体将用于标题,哪种字体将用于长格式文本。后者应该特别干净且易于阅读(请参阅最容易阅读的字体),而您可以选择真正能体现您的品牌的字体,从而使标题更具表现力。

 

06. 选择 Web 安全字体

为了确保您的网站在所有设备上显示相同,请使用 Web 安全字体。由于每台设备都有自己的内置字体集,因此,如果您的网站包含非 Web 安全字体,则文本可能会以与原始字体不同的字体显示。不完全是你在你所有细致的设计工作之后想要的外观。

 

排版和 UI/UX


排版在 UI(用户界面)和 UX(用户体验)设计中都起着至关重要的作用。在 UI 设计中,它用于传达信息、引导用户完成界面以及建立产品的整体视觉风格。UI 设计中的良好排版通过使文本清晰易读和可扫描来增强产品的可用性和可访问性。

在 UX 设计中,排版会影响用户对内容的感知和互动方式,以及他们找到和理解所需信息的难易程度。这会影响用户如何处理品牌的语气和个性,以及从其提供的信息中获得的可信度和可信度。

总的来说,排版是 UI 和 UX 设计的一个重要方面,它可以通过使其更可用、更易于访问和更具吸引力来对设计的成功产生重大影响。

 

排版常见问题


什么是排版与字体?

排版是排列字体的艺术和技术,使书面语言清晰易读且具有视觉吸引力。它包括各种元素,如字体、行距和对齐方式。另一方面,字体是指字体的特定样式、粗细和大小。字样是具有一致设计的字体系列,而字体是该系列中的特定实例,表示字样中的特定样式和大小。

 

排版是一种设计吗?

是的,排版是设计的一个基本方面。它涉及安排字体的艺术和技术,以增强书面语言的视觉和审美吸引力。有效的排版会考虑字体选择、大小、间距和布局等因素,以传达信息或唤起特定情绪。在平面设计、网页设计和各种视觉传达媒体中,排版在创建有凝聚力和影响力的设计方面起着至关重要的作用。

 

什么是排版与平面设计?

排版是图形设计的一个子集,特别关注文字的排列和样式。平面设计涵盖更广泛的范围,包括使用图像、颜色、布局和排版来创建视觉上引人注目和具有交流性的设计。排版是更广泛的平面设计学科中的一个关键元素。

 

好的排版是如何定义的?

好的排版是由易读性、可读性和美学和谐来定义的。在整个设计中一致的字体选择可以创造出有凝聚力的外观,从而使设计更加有效和有吸引力。有效地使用层次结构来引导来访者浏览信息,而有意识的对齐和平衡有助于提供视觉上令人愉悦和易于理解的阅读体验。