五个字体易读原则

五个字体易读原则

长文本标准大小

找一本阅读字体舒适的书本,对比电脑字体进行调整大小,直到书上字体与屏幕字体比例一致。

活跃空白区域

文本周围留出空白,视觉上容易聚焦内容,它不用填满整个视窗。

确保每行文本列长度不太宽,并且您可以在左右添加空白空间,以便眼睛轻松地从一行移动到另一行。我们不想调整字体大小或窗口大小。当我们打开一个网站时,我们只想读一读。合理的列宽在缩放下表现好。

根据经验,每行约10-20个单词。对于桌面上的明亮布局,50%的列宽(相对于窗口大小)是入门的良好基准。

友好阅读的列高。

设置得太窄的线会影响读取速度,因为上下线都是同时被眼睛吸收的。眼睛无法专注于过于紧密的线条, 读者会在错误的地方消耗能量,更容易疲劳。对于间隔太宽的线也是如此。

默认的HTML行高太小。如果增加行高,文本将变得更具可读性。对于屏幕上的类型,140%领先是一个很好的基准。

清晰的色彩对比

哈哈哈。如果你的设计师让你

在浅灰色的背景的浅灰色的文本
银色在雪白背景的色的文本
在黄色背景的灰色文本
在红色背景的黄色文本
红色背景上的绿色文字,等等……

你就可以考虑一下离职了。哈哈哈哈。

对比度过高,对比度过低都会影响可阅读性。记住 #fff + #333

图像中没有文字

我们希望能够在阅读时搜索文本,复制文本,保存文本,使用光标播放以及标记文本。图像中的文本可能看起来很漂亮,但信息需要具有可读性和可用性,并且可扩展,可引用且可先发送。

WCAG 标准

发表评论

电子邮件地址不会被公开。 必填项已用*标注