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

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

它是如此重要

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

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

增加色彩对比度

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

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

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

缩小标题之间的间距

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

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

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

放宽单词之间的间距

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

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

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

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

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

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