加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

网站设计:网站字体排版的10个基本规则

发布时间:2017-10-22 03:10:10 所属栏目:优化 来源:人人都是产品经理
导读:副标题#e# 注:优化网站文字排版也是优化用户界面的一种方式。 在本文,作者将分享一组帮助你提高文本内容的可读性和易读性的规则。 “沟通”在设计中起着至关重要的作用 – 它能建立网站和用户之间的联系,并帮助用户完成他们的目标。 当我们谈论在网页设

在排版中,我们有一个特殊术语,用于两行文本之间的间距(或行高)。通过增加行高,可以增加文本行之间的垂直空白空间,通常提高可读性以换取屏幕空间。有一个基本规则,标题空间应该是字符高度的30%,以提高可读性。

网站设计:网站字体排版的10个基本规则

良好的间距有助于可读性。图片来源:微软

正如Dmitry Fadeyev所指出的那样,正确地使用段落之间的空白已被证明可以将提高20%理解度。使用空白的技能可以为用户提供可转化知识的内容,然后剥离无关的细节。

网站设计:网站字体排版的10个基本规则

左:几乎重叠的文字。右:良好的间距有助于可读性。图片来源:苹果

8.确保您有足够的颜色对比度

文本和背景不应该使用相同或相似的颜色。文本越明显,用户能够更快地扫描和阅读它。 W3C建议对身体文字和图像文字的对比度如下:

网站设计:网站字体排版的10个基本规则

这些文本行不符合颜色对比度建议,难以根据背景颜色进行阅读

小文本的背景对比度应至少为4.5:1。

大文本(14pt/ 18pt常规和以上)应该具有至少3: 1 的对比度与其背景。

网站设计:网站字体排版的10个基本规则

这些文本行符合颜色对比度建议,并且是易于阅读背景颜色

一旦您选择了颜色,绝对有必要在大多数设备上与真正的用户进行测试。如果任何测试显示阅读文字有问题,那么您可以确保您的用户具有完全相同的问题,再来统一进行解决。

9.避免将文字着色为红色或绿色

色盲是一种常见的情况,特别是在男性中(8%的男性是彩色盲人),建议使用除颜色以外的其他线索来区分重要信息。另外,避免使用红色和绿色单独传达信息,因为红色和绿色色盲是最常见的色盲形式。

网站设计:网站字体排版的10个基本规则

10.避免使用闪烁的文字

闪烁本身或闪烁的内容可能会触发敏感个体的神经发作。它不仅可以引起神经的抵触,而且对于一般用户来说,都可能是令人讨厌或分心的。

网站设计:网站字体排版的10个基本规则

结论

文字排版是一个重要的设计范围,做出正确的排版选择可以让您的网站感觉到焕然一新。所以文字排版的可读性,可理解性和清晰度至关重要。文字排版的存在,作用是突出内容,应以不会增加用户认知负荷的方式来增进内容的可读性。

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读