|
Post by account_disabled on Nov 25, 2023 9:02:46 GMT
这是我喜欢不时访问并从中获取灵感的来源。 反对 出于显而易见的原因,文本与其背景之间的对比度对于可读性至关重要。 但您可能会惊讶地发现,可读性最好的颜色组合是浅灰色背景上的深灰色文本(纯白色 (#000)),而不是纯白色上的黑色 (#fff)。这是因为,由于颜色的反射和吸收特性,纯白色背景上的黑色文本会导致颜色的微妙模糊和混合。让我们面对现实吧,一段时间后纯白色会对眼睛造成伤害。 版式特征 左:白底黑字。右:浅灰色背景上的深灰色文本。 我发现右边的文字更清晰一些,更舒服一些。 尽管很诱人,但请避免在深色背景上设置长段落的浅色文本。浅色文本反射光线,使其变得稍微模糊,而黑色文本吸收光线,使其更加生动。 洛雷姆 右:黑色背景上的白色文本。右边的文字不仅有点模糊,还灼伤了视网膜。 如果您坚持在深色背景上设置浅色类型或在图像上显示文本,请使背景尽可能暗,并考虑向白色文本添加浅色文本阴影以使其突出。并保持这些段落较短,以限制眼睛疲劳。 洛雷姆 我在右侧的文本中添加了浅色文本阴影,并使图像 电话号码清单 变暗。比左边的文字好,但仍然不是很好。 注意:对于较长的文本段落,请在浅色背景上使用深色字体;最好是深灰色而不是浅灰色。如果您要在颜色或图像上显示文本,请使背景尽可能暗,并考虑添加微妙的文本阴影。 注意线的长度 行长度测量每行文本的字符数。随着桌面显示器尺寸达到 30 英寸或更大,这已成为越来越令人担忧的问题。 多久? 阅读一本覆盖笔记本电脑屏幕或台式机显示器整个宽度的书会舒服吗?我想不是。阅读一本书签宽度的书并不舒服。 布局排版 三种行长度的比较:45 个字符、80 个字符和 120 个字符。 一般来说,将行长度限制为每行 45-60 个字符;但许多印刷商每行最多接受 80 个字符。 如果做不到这一点,你的读者就会厌倦来回跳跃。如果再多的话,读者可能会失去自己的位置。您可以将其视为从一条线的末端到下一条线的开头的穿梭系统。 作为参考,在 Google 文档中将 Arial 设置为 11 像素,每行最多可容纳约 80 个字符,如本文的正文所示。 保持设备尺寸的可读性需要在字体大小和行长之间取得平衡。设置的字体越大,每行显示的字符就越少。在小型设备上,这可能会导致每行字符太少。 注意:目标是每行 45-80 个字符的行长度。如果您正在进行响应式设计,大约 30em。 观察字体粗细 字体粗细定义了每个字母的粗细(或厚度)。默认字体粗细为 400,粗体为 700。大多数字体的粗细从 100 到 900,以 100 为增量,其中 100 表示超细,900 表示超粗。 外泌体2 Exo 2 的权重范围为 100 到 900。示例取自 Google Fonts 注意:使用较粗的权重来突出显示某些部分或增加戏剧效果,并避免在大屏幕设置之外使用较细的权重。
|
|