字体及其大小如何改善您的网站品牌

已发表: 2017-04-19

每个企业主都知道清晰、设计合理且维护良好的网站的重要性。 在这个时代,如果你不能给你的客户一个真正打动他们的网站,你失去他们的速度将比你赢得他们的信任要快得多。

不幸的是,大多数企业家确实付出了努力并聘请了擅长开发的设计师,他们往往忽略了一个关键特征——字体。

从您使用的字体样式到每个内部网站页面所具有的文本大小,这都是决定您的客户是否留下、互动和最终转化的因素之一。

事实是,尽管字体看起来并没有那么有影响力,但它们有能力让您的业务处于高位或低位。 真的很简单,如果您的网站访问者不愿意或无法阅读您发布的内容,您的信息将不会传递给他们,因此您将无法转换。 几项研究表明,网站上使用的字体类型不仅会影响可读性,还会影响情绪、用户体验甚至感知的文章长度。 这就是为什么您的设计师必须了解创建一个包含大量内容的网站与开发一个具有令人愉悦且有影响力的设计以改善读者情绪的网站之间的区别。

“字体是一组漂亮的字母,而不是一组漂亮的字母。”

-马修·卡特

当您想到字体时,您首先想到的是什么? 如果您像大多数人一样还不了解它们的重要性,那么您可能会想到 Calibri、Comic Sans、Arial、Times New Roman 等字体。 但是,您需要知道的是,这些只是基础知识。 在谈论需要在您的网站上实现的排版时,您不仅需要考虑字体,还需要考虑它们的大小、颜色、字距和间距。

在本文中,我们的目标不仅是告诉您字体重要特性的影响,而且还提供实用的建议,您可以使用这些建议来提高您自己网站的转化率。 因此,请准备好铅笔和记事本,因为这是您不想错过的信息。

字体及其影响

如果你读过一些关于字体和排版的文章,你就会知道有几种字体被认为是值得在线出版的。 虽然有些人同意佐治亚州带来最多的成绩,但其他人则认为巴斯克维尔将夺冠的荣耀带回家。 但在我们开始讨论之前,让我们先讨论一下字体对您网站品牌的整体影响。 事情是这样的; 如果您的内容因为字母太靠近或尺寸太小而难以阅读,那么它们要么立即离开,要么尝试再阅读几秒钟,如果仍然觉得难以阅读,最终离开。 即使您确实有非常忠诚的客户,他们花时间并真正阅读了整个副本,他们也会记得他们花了太长时间而您最终会失去他们。

您为网站选择的字体至关重要,因为它将使阅读、理解和理解您的信息的整个过程毫不费力。 如果您选择与读者一致的字体,他们的注意力将停留在您提供的信息上,而不是阅读时间。

实用提示:并非每种字体都适用于每个网站。 字体有不同的个性,你决定的字体完全取决于你的业务、你迎合的客户类型以及你想要描绘的信息。 最好的办法是广泛研究并查看同一行业中其他人使用的字体。 尝试在不同平台上测试几种类型,这样您就知道自己做出了正确的决定。 请记住,选择合适的字体需要一些时间,但是当您看到转化率提高时,这一切都是值得的。

字体大小及其影响

当您谈论字体的大小时,您应该关注的主要问题之一是可读性。 可读性变得如此重要,因为您想确保您的信息被传达。 即使您的字体选择不完美,大小合适的大小也会节省您的时间,因为至少访问者不需要为了阅读您呈现的内容而睁大眼睛。 如果您的字体大小合适,您的客户将更有可能阅读您的信息、进行互动甚至传播信息。 当您能够更好地与客户沟通时,您的品牌将受到积极影响,这反过来将提高您公司的声誉。

实用提示:您选择的字体大小取决于网站的设计环境。 虽然名片可能需要非常小的尺寸,但活动海报需要更大的尺寸。 但是因为我们专门讨论的是网站设计,所以您需要考虑是针对移动设备还是一般屏幕进行发布。 根据经验,专家建议您使用 10px 到 14px 的正文内容和 16px 到 20px 的标题或标题。 为获得最佳效果,您可以对适合您的尺寸进行练习检查,然后在它们似乎表现不佳时进行相应调整。 此外,如果您要适应不同的屏幕尺寸(您应该这样做),请确保在移动设备上缩小尺寸时字体也表现良好。

字体颜色和您的网站

如果您想以最好的方式将您的信息传达给您的访问者,您不仅需要考虑单词的选择,还需要考虑它的呈现方式。 现在,即使字体颜色可能看起来没什么大不了的,但它却有很大的影响,尤其是当你有一个特别活泼的网站时。 色彩心理学是一个完整的研究领域,你可以从中学到很多东西。 然而,在实现颜色时,尤其是在字体中,记住不要太过分,因为那最终看起来很有趣。 您选择的颜色不仅应该提升您业务的核心价值,而且还应该提升与客户联系的潜在个性。 如果您最终为字体选择了错误的颜色,它们将对您和您的业务产生不利影响。

这里值得一提的另一个特点是对比度。 文本或页面的对比度是背景和文本之间存在的暗度差异。 虽然您不想使用像将红色文本放在绿色背景上这样的旧技术,但您应该确保文本和背景之间存在良好的对比度,以便提高可读性。

实用提示:首先,在决定字体颜色之前,您需要非常仔细地考虑应该或已经集成到您的品牌及其徽标中的颜色和字体。 例如,当您想到可口可乐时,您可能会联想到非常独特的卷曲字体以及红色。 在选择颜色时,专家建议您将其视为为房屋的房间着色。 如果您希望您的访问者在阅读博客时感到温暖和舒适,请使用暗红色和橙色,因为它们旨在放松和平静感官。 但同样,请记住不要太过分,因为大多数内容在黑色中看起来不错并且可读,具体取决于背景颜色。

标题字体和你应该知道的

您用于内容的标题非常重要,不仅在实际单词方面,而且在呈现方式方面也是如此。 几项研究表明,除非您使用吸引人的标题,否则您的访问者会继续寻找更有趣的内容。 人类阅读网络的方式有一些特定的模式,通过这种模式,您会发现大多数内容都是简单地扫描的。 所以,如果你没有用标题吸引访问者的注意力,他们阅读的机会就会进一步下降。 现在请记住,您用于标题的字体和颜色都将决定您的访问者是否想要阅读它。 因此,尽管您不想仅仅为了吸引注意力而开始使用 Comic Sans,但您应该保持它的可读性。

实用提示:如果您正在配对字体(使用一种作为标题,另一种作为主要内容),请确保它们确实看起来很好。 配对有时会很棘手,因为您需要确保字体的大多数元素都匹配,这样它们看起来彼此之间不会有太大的不同。 在这种情况下,标题字体需要补充正文。 另一方面,如果您使用相同的字体,您可以尝试不同的大小和行距来增强标题。 相同的字体不仅可以为您的读者提供视觉上的和谐,还可以减少需要加载的字体数量,从而提高整体加载时间和性能。

线长及其重要性

大多数制作网站的人都会考虑所使用文本的字体、大小、颜色和对比度。 然而,他们错过的是行长。 行长负责增加或减少整体可读性,是指每个水平行中出现的单词或字符的数量。 影响可读性的是句子的短或长。 如果您选择的字体使线条显得太长,您的访问者的眼睛将需要走很远的距离,这会阻碍他们的阅读,因为这需要付出很多努力。 另一方面,如果行太短,句子的流动就会中断,访问者最终会失去兴趣。

实用提示:可用性研究所 Baymard 提出的一个理论是,您应该选择每行使用 50-75 个字符(包括空格)的字体,因为这样可以提供最佳的可读性。 您还可以使用黄金比例排版计算器根据用于阅读内容的屏幕确定完美的行长。

字距调整及其重要性

根据维基百科的说法,“字距调整是调整比例字体中字符间距的过程,通常是为了获得视觉上令人愉悦的结果。” 如果你使用了一个好的字体,它就会有很好的字距,并且每对字符之间的空间会相似。 如果您的设计师在 Photoshop 等图形程序中设置字体,他将能够更改字母之间的间距并进行调整,直到字体和字距看起来完美。 不关注字距调整会让你付出代价,因为它通常是区分专业工作与业余爱好者或想成为设计师的工作的最大区别。

实用提示:如果您希望您的网站看起来更专业,则每个字母之间的空间量需要相等。 如果您正在设计字体,请记住整合字距调整,因为如果字母之间存在空间连续性,可读性会增加。 另一方面,如果您使用的是已经存在的字体,则无需担心这一点,因为所有这些字体都会包含有关间距的信息。

结论

对于想要改善网站品牌并吸引更多客户的企业主来说,要记住的一个关键方面是使用与副本相辅相成的字体。 如果你做对了,它也会对你的读者的情绪、情绪和行动产生影响。 反过来,这将使他们更有可能转变为忠诚的客户。 请记住,测试字体、大小、颜色等的最佳方法之一是测试运行它并查看结果。另外,给整个过程一些时间和全神贯注,因为如果你想要完美,你'将需要为它工作。

最后,我给你留下史蒂夫乔布斯的这句鼓舞人心的名言,他主要负责为什么我们今天如此关注字体。

“我决定参加书法课来学习如何(学习书法)。 我了解了 Serif 和 Sans-Serif 字体,了解了如何改变不同字母组合之间的间距,了解了是什么让出色的排版变得如此出色。 它过去挺美。 历史的。 以科学永远无法捕捉到的艺术方式微妙。”

-史蒂夫乔布斯