为什么排版对您的网站很重要

已发表: 2017-06-13

营销内容是吸引新客户、留住客户以及产生转化的关键策略,无论是以喜欢、订阅、潜在客户还是销售的形式。

内容可以作为消息本身存在,因为我们都倾向于认为消息不会改变,不管它是什么字体,或者它是如何打包的。

或者是吗?

让我们考虑一下消息是如何制作的。 从语言和语义的角度来看,主要想法浮现在脑海中,然后仔细选择单词以构建信息。 为了有效地沟通,您需要了解您的听众,并能够预测他们将如何回应您选择的词语。

必须阅读这些词才能随后理解、处理和消化。 但为了让您的听众阅读,您必须以适当和有效的方式呈现您的信息。

演示文稿非常重要。 大多数人会期望钻石戒指放在珠宝商的盒子里,而不是皱巴巴的牛皮纸袋里,没有人会为了找到一个而费心去寻找后者。 排版就是呈现和包​​装内容,即你试图传达给观众的信息。

什么是排版?

排版只是文本在文档上的排列方式,或者为了本文的目的,在网页上排列的方式。 它通常被认为是一门艺术,特别是因为排版与创造力和创新密切相关。 排版有许多用途,从强调主题、定义个性、强调想法、展示情感、产生兴趣和建立整体设计美感。 它是布局和内容的交集,是任何网站网页设计不可或缺的一部分。

值得考虑的排版元素

排版包含许多影响网页设计并受其影响的元素,包括字体的选择、调色板、大小、线条的长度、布局以及与设计的集成。 熟悉所有这些因素以便能够有效地使用排版非常重要。

  1. 字体:是我们想到排版时首先想到的东西。 有些人甚至可以互换使用术语“字体”和“排版”,但字体只是构成排版的一个子集。 字体只是指正在使用的文本样式的名称。 示例包括 Helvetica、Times、Papyrus 和 Arial。
  2. 字体:大多数人也可以互换使用“字体”和“字体”,但如果我们具体来说,字体是指一种特定的字体样式,表示大小、高度、宽度和样式。 Arial Narrow,14 号,斜体是一种字体。 Myriad Pro Regular 12 码也是如此。
  3. 跟踪:这是文本块中字符或字符组之间的空间。 虽然跟踪往往是相对标准的,但可以对其进行调整以影响文本密度。
  4. 字距调整:虽然跟踪是一个更笼统的术语,但字距调整专门指单个字母和字符之间的距离,通常在水平面上。
  5. 行长:这是指在页面上从左到右的文本长度。 这可以通过调整边距、字距和字体大小来改变。 行长越长,阅读起来就越困难。
  6. 前导:前导是测量字母相对于正上方和下方的文本行之间的空间。

这些元素对于影响页面的阅读方式很重要。 大多数人只关注字体和字体,而忽略了在跟踪、字距、行长和行距方面的细微调整如何产生戏剧性和有价值的结果。

为什么

排版强调网站的视觉个性

乍一看,您网站的访问者应该能够确定它的全部内容。 这里有很多心理学在起作用,很多潜台词几乎是瞬间发展起来的。

通过从颜色、布局和排版中获取线索,他们甚至无需研究书面内容或查看图片即可感知总体基调、情绪、信息和主题。 在几秒钟内,访问者将决定他们是目标受众的成员,还是认为网站根本不适合他们。

排版有助于实现这一目标,因为各个视觉元素的相互作用相互协同作用,以引发所需的情绪反应。

排版有助于定义您的品牌

您的品牌不仅仅是一个标志。 就像耐克的商标 Swoosh 或星巴克的 Siren 一样,这些实际品牌名称的排版同样具有辨识度并有助于提升品牌认知度。

以任何知名品牌为例,只需将其字体更改为其他字体即可。 即使品牌使用在许多其他环境中使用的字体,排版和徽标的组合也有助于人们识别和感知品牌,因此两者不能分离。

不用说,如果你有一个标志性的标志,并辅以恰到好处的排版,那么这种组合就会在你的客户心目中脱颖而出,推动你的品牌向前发展。

排版吸引读者的注意力

正如我们之前提到的,您网站上的内容可能是最高水准的,但如果没有有效地呈现,您的努力就会白费。 让你的读者直接参与其中的一种方法是利用排版来发挥你的优势。 上面提到的所有元素都有助于您的内容不仅被感知而且被体验。

询问任何人是否阅读过 Comic Sans 上发表的任何内容并认真对待。 很有可能,他们可能认为这条信息是陈词滥调或微不足道的。 更好的是,向他们展示可怕的“文字墙”,其中每个单词都使用相同的字体,并且每一行都是合理的。 他们可能很难读完第一段,即使这个话题是他们真正感兴趣的。

字体和大小、布局和颜色的细微调整可以极大地提高文章的可读性,有助于强调信息的关键点,您的读者会欣赏您的努力。

排版保持您网站的一致性

排版是将网站的不同元素结合在一起的粘合剂。

您网站的访问者寻求一致性; 这并不一定意味着您的网站具有通用的、千篇一律的外观,使其看起来像其他人的一样。 从页面顶部到号召性用语按钮,这些元素必须在内部相互配合良好。 搜索引擎往往偏爱呈现良好的内容,您网站在 Analytics 上的表现将反映一致性。 此外,您的用户应该能够找到他们正在寻找的内容,而不必花几分钟在您的网站上徘徊,每一步都感到沮丧。

排版可以加强您网站的统一性,也可以暴露网站的不足之处,您的转化率将表明您的读者在访问时的用户体验。

如何让排版为你工作

字体、字体及其变体

了解您可以使用的字体类型非常重要,或者至少熟悉您想要使用的字体。 字体有各种各样的变化,其中一些差异是微妙的。 但是这些细微差别会对展示产生影响,因此在您发展网站的个性和存在时了解您的选择。

少数类别中的数千种字体

您可能会花费数小时、数天甚至数周的时间来寻找要使用的字体,但仍不能确定是否找到了您要查找的内容。 值得庆幸的是,字体很容易分类为几乎没有重叠的整齐类别。

  1. 衬线:衬线是笔画末端的轻微突起,通常出现在底部,但也出现在字母的顶部或最右边或最左边。 例如,这些字体的小写字母“m”或“n”似乎带有“feet”。 衬线字体的示例包括 Times、Baskerville 和 Cambria。
  2. Sans Serif :这些字体没有终端笔划,或“脚”。 它们具有干净、流线型或极简主义的外观,但有时在较小的尺寸下更难阅读。 这些字体的示例包括 Arial、Helvetica 和 Calibri。
  3. Script :这些装饰性字体因其优雅的外观而广受欢迎,经常出现在婚礼请柬、证书和类似文件上。 为了有效地使用它们,请谨慎使用它们,有足够的空间,并且尺寸要大到足以欣赏它们的艺术性。
  4. 显示:这种字体经常出现在电影海报、标牌和报纸头条上。 与脚本字体类似,仅将它们用于强调,因为太多可能会让人不知所措。
  5. Hand Lettering :顾名思义,这些字体具有手绘外观,模拟儿童的笔迹; 或者在黑板上随意、仓促地潦草。 这些字体的优点是它们带有其他类别所缺乏的人文元素。
可读内容被阅读

可读性有很多因素。 除了内容本身,还要考虑排版的所有元素,尤其是空间的使用。 字距调整和跟踪可以对一个人扫描正文文本的能力产生巨大影响。

给你的书面内容足够的喘息空间,在单个字母、单词、行和部分之间增加足够的距离,以便能够以有意义的方式处理单元。

将行长保持在每行 50 到 75 个字符之间。 这意味着使用大约 10 到 15 个单词,无论这些行是否对齐。

字体选择

您为项目选择的字体,无论是网站品牌、单个产品、产品线还是整个公司,都可以影响和引导受众的行为,以支持或完全拒绝项目。 请务必考虑您的选择对他们如何呼吁您的受众采取行动的影响。

如果您的品牌具有既定的身份,这一点变得越来越重要,并且您的受众只需通过品牌中使用的字体就可以识别您的品牌。 改变事情可能会对你的受众产生负面影响,比如对你的品牌失去信心,或者怀疑你的产品质量已经变坏了。

掌握细微之处

排版通过增加外观的可变性来带来字符和意义。 找到具有适当个性平衡的字体可能非常困难。 字体的视觉提示和特征添加了情感、语气和吸引力的元素,这些元素可以掩盖实际的文字。

在与平面设计师合作开发您的网站或品牌时,请务必询问他们为什么为您的项目选择某些字体。 优秀的设计师会非常乐于解释他们的选择,你也可以对他们的思路有所了解。

结论:找到有效的方法(并坚持下去)

建立适合您网站的排版可能需要花费大量时间和精力,并且您可能会在此过程中犯一些错误。 每天都在创建和发布新的字体和字体,而当前有效的布局和主题最终将变得陈旧和过时。 但是一旦你找到了适合你的方法,坚持下去,然后观察转化率的上升。