改善网站排版的 8 种简单方法

网页设计
增加色彩对比度
缩小标题之间的间距
放宽单词之间的间距
使用系统字体进行输入
标记段落一次
使用正宗的款式
使用正确的引号
正确分割文本
版式是任何网站最重要的元素之一,对品牌和体验有相当大的影响。

它是如此重要

以至于彻底改变你的排版(选择新字体、改变尺寸、增加行间距)是复杂的,而且充满了潜在的时间消耗。

但是您可以对排版进行一些简单的更改,这些更改不会破坏您的网格,并且可以在 30 分钟或更短的时间内完成。这里有八个最简单的。

增加色彩对比度

在设计文本时,设计人员通常将文本视为 电话号码资源 视觉布局中的一个块。设计师与文本的关系与用户的关系非常不同。设计者将文本放置为形状,用户逐行阅读。因此,设计者往往会低估文本所需的对比量。

浅灰色的文字美观但功能上无用。该文本旨在供阅读,并且必须符合台式计算机上的 WCAG AA 标准和移动设备上或在具有许多环境光源的任何情况下的 WCAG AAA 标准。文字越大,回旋余地就越大。

应仔细测试文本的对比度,但作为起点,白色背景上的 18 像素文本不应比 #595959 更亮。

电话号码资源

缩小标题之间的间距

绝大多数字体被设计用作正文:大块连续文本,几行长。当喷泉建成后,它就被传播用于此用途。

与连续文本不同,标题往往很短,并且周围 衡量投资回报率如果 有更多的空白,尤其是在顶部和底部。额外的空白在视觉上淹没了单词形状中的负空间并将字母分开。

作为补偿,您可以将标题中字母之间和单词之间的间距减少 1% 到 5%。

放宽单词之间的间距

当我们阅读时,我们的大脑不会逐个字母地拼写 单词;而是会拼写单词。识别单词形式甚至词组形式。

大多数字体都会小心地不要打断这些单词形式。然而,有时您想要阻止单词形成并允许单个字符。

放宽任何要作为一系列字符阅读的文本中的字母间距,例如序列号、跟踪代码和表格数据。

在排版上,连字符可以插入 博茨瓦纳 电话号码 任何五个或更多字符的单词中;连字符之前必须至少有两个字符,连字符之后必须至少有三个字符。

您永远不应该分隔三行连续的文本,但解决这个问题需要 JavaScript。您可以通过增加其大小来最小化此问题。

在几家,我们是网页设计和开发方面的专家,因此,如果您想将这项工作交给专业团队,请联系我们。稍后再说?

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注