网页版式规则：您需要了解的内容

网络上 90% 的信息都是书面的，这意味着排版是一项决定 90% 的技能，这是一个惊人的数字，凸显了排版的重要性。

它绝对无处不在：博客文章、社交媒体、杂志、报告、书籍等等。

对于设计师来说，这意味着文本是您的主要沟通方式。如果您没有掌握排版技巧，那么您将无法向观众传达您的想法。

幸运的是，我们列出了一系列有用的提示和规则，您可以遵循它们来避免这种情况的发生。即使您不是最擅长排版，只要遵循我们在这里列出的信息，您就会没事的。

选择行业标准字体

在设计网页排版时，有大量的字体可供选择。不过，其中一些字体比其他字体要好得多，因此请务必进行研究并选择一种已被证明能够获得结果的字体。

没有什么比在页面上看到难以阅读的乱七八糟的波浪更糟糕的了，所以请考虑一下您正在使用的字体。

使用大的正面尺寸

（示例：元素）

过去，小字体曾经风靡一时。这在大型块状显示器上可能是可以接受的，但现在人们正在使用手机和平板电脑浏览网络。

您需要确保这些用户可以阅读您的内容，因此请选择一种一眼就能看到的大字体。

我们发现 15 – 25 像素的保留率最高，但只要它清晰且美观，就不会有问题。

让你的标题相称

标题是网页排版的路标。它可以帮助用户导航页面并突出显示哪些信息对他们可能很重要。

让标题脱颖而出至关重要，因此请确保与正文相比，标题的字号至少增大 180%。

行间距

（例如：立交桥）

没有什么比试图阅读行间距很糟糕的文本块更令人沮丧的了。它不仅让阅读变成一件苦差事，而且很难理解。

这就是为什么您要适当设置行距。总点大小的 120 – 145% 就可以了。

字距调整和字距调整

为文本添加字距和字距调整将有助于文本看起来更整洁、更宽敞。其作用是根据文本大小调整字母之间的间距。标题单词与文本行之间的间距不会相同。

这可以帮助用户将所有内容分开，从而更轻松地浏览信息。

不要忘记空格

（例如：优步品牌）

空白是整个网页设计的重要组成部分，其中包括版式。标题和段落之间需要有一些合适的空白。如果你不这样做，那么整个事情就会变成一堆信息，这正是你想要避免的。

用户的眼睛需要休息的地方。这不仅适用于页面，而且当他们阅读时也是如此。如果没有空白，他们就会感到疲劳。当他们感到疲劳时，他们就会停止阅读。

这与您想要实现的目标完全相反，因此请确保您始终遵守此网页排版规则。

限制你的线长度

限制线路长度是行业标准做法是有原因的。如果您不这样做，那么您的页面在专业性方面就会受到影响。

45 – 90 个字符是一个合适的行长度，这也为您的个人喜好留下了很大的空间。

选择线路长度时您可能需要考虑的因素之一是您希望客户使用什么设备。此处不同服务的设备使用情况存在明显差异，并且您可以避免使用较大机器访问的用户较长的线路长度。

选择并坚持使用一种字体

（例如：两个强盗）

衬线和无衬线。这两种字体各有优缺点，但您应该只使用其中一种。

确定您的目标受众或客户正在寻找什么，并使用该信息来影响您的决策。

请记住，这与您的字体选择完全分开。字体是属于其中的一个风格字体系列。

话虽如此，您应该在确定字体之前确定字体，而不是相反。

结构和层次结构

如果你没有等级制度，你就会陷入混乱和混乱。这对于印刷术来说是如此，对于生活也是如此。

我们在这里不仅讨论您的 H1、H2、H3 和 P HTML 标签，还讨论您呈现信息的方式。

如果您有引用、链接、列表或介于两者之间的任何内容，请确保它们都遵循统一的结构。

如果您正在制作列表页面，那么您不希望资源链接位于一个条目的中间、另一个条目的底部和另一个条目的顶部。

进一步加强您的网页版式教育

网页排版是一门非一日之功的学科。需要不断的练习和锻炼来发展你的技能，而这只是等式的一部分。

行业标准在不断发展和变化，这意味着您需要跟上所有这些变化。

让自己保持精力充沛，利用你能找到的所有实践和教育资源。

结论

网页排版是一门压倒性的学科，即使是最经验丰富的设计师也会付出代价。不过，它就像一块肌肉，你使用得越多，你就会变得越强壮。

不幸的是，它是网页设计的重要组成部分，这意味着它是完全不可避免的。你必须在某个时候解决这个问题；我们只是希望我们的提示对您有所帮助。