体,例如 Arial 或 Verdana。也许是 Helvetica。无论如何,字体无需太多努力就能保持干净且易于理解。但是带有衬线的模型仍然可以很好地工作,重要的是选择不夸张的解决方案。最重要的是,它们尊重一些参数:
行距:行之间的距离(行距)。
Kerning:字母之间的间距(kerning)。
Tracking:文本字符之间的空格。
在这种混乱的元素中找到平衡点是正确的。术语之间的空格太多会使阅读变得累人,要解决这个问题通常只需要设置标志格式即可。原因?
很简单,这个解决方案可以让您消除单词之间混乱且不均匀的空白。对于字距调整和行距,考虑特定的表格是有用的,即使通常在最常用的标准主题中这些方面已经在上游定义。需要仔细评估什么?
字体大小一定要舒服。您必须考虑到阅读将主要在移动设备上进行,并且这些区域必须易于阅读、点击和突出显示。那么,最小尺寸是多少?根据 health.gov 的说法,16 像素是适合每个人都能阅读的连体衣的尺寸。
标题(标题)的选择和使用
提高文本可读性并对可用性以及搜索引擎优化做出决定性贡献的另一个基本方面涉及标题的使用。也就是说,标题可以帮助用户理解特定内容部分的主题是什么。这些元素的范围从 H1(即标题、网页的主标题、带有此标签的唯一内容)到 H6。
通过用这些标题划分文本并使用分层逻辑,您可以创建真正有利的加拿大电话号码库 阅读体验。但您必须遵守一些标题格式规则。
标题层次结构
首先,标题不得用于赋予文本审美价值。如果您需要更大的字体,则需要使字体更大,而不是使用 H2 或 H3。如果你想加粗的话也可以。
然后,您必须使用此文本作为标题,而不是句子或段落:3 或 4 个单词就足够了。还要确保字体大小的层次结构与标题的字体大小层次结构一致。这意味着H1的字体大小比从属的H2大,依此类推。
浮动文字效果
显然它们必须大于正文所用的字体。此外,假设最后一段和标题之间的间距大于标题和后续文本块之间的间距是正确的。这使我们能够了解标题属于文本的哪一部分。
文本可读性和对比度
确保文本可读性的最佳解决方案是什么?您必须以高对比度为目标,以便能够很好地理解各种元素。基本上,解决方案很明确:白底黑字总是有效的。如果您想处理细节,可以使用青铜色字体(因此为深灰色)和稍微脏兮兮的白色背景。这不会让眼睛疲劳。
真正的挑战:能够在图像上书写,同时始终保持清晰。足够的视觉效果非常适合鼓励公众购买 - 或者在任何情况下引导用户进行转换 - 但如果您不提高视觉上文本的可读性,您的努力就有可能受挫。有什么建议吗?
使用具有大面积空白区域的图像作为背景。
不要写满细节的部分。
使用深色背景来创建对比度。
如有必要,模糊图像以创建背景。
更喜欢粗细一致的大字体。
避免使用小而浅的字体。
所有这些都有助于提高文本的可读性。最后提示:注重简单性。这不仅适用于选择背景和字体之间的对比度:为了使书写更有效,