2020年网站建设15种流行排版趋势

1.轮廓字体

轮廓字体很重要。

您会在主要副本的网页英雄区域找到这种趋势。尽管用法有所不同，但几乎每次都可以找到一些元素：

• 无衬线字体
• 所有大写字母的轮廓字母
• 与填充字母配对
• 超大文本元素

使用轮廓字体选项可能会很有趣。在可读性方面，您只需要保持谨慎。信件会很快在背景图像和视频中丢失。因此，请注意颜色，对比度和位置。

而且不要过度。轮廓字体最适合强调重点，而不是创建整个邮件。

2.左对齐

左对齐的文本清晰易读，可以使偏心的平衡感达到经典。

使用左对齐字体的技巧是要注意换行符和文本的大小。将整个文本元素视为一个元素。比起几个单词，更多的文本行和更多的单词会感觉更大。相应地调整大小和行距。

为了获得更一致的感觉，请考虑将其他元素也向左对齐。创建一个用于放置元素的网格“边距”，例如上面“城市乡村项目”中的示例。请注意，品牌名称，两个级别的文本和一个号召性用语都在同一不可见平面上左对齐。

3.故障文本

TikTok的影响力也已经转移到版式上，字体设计中出现了毛刺效应。虽然毛刺效果可能很有趣，但是很好地使用它们却非常棘手。

大多数故障文本都被设计为一种艺术元素，而不是可读性。并且有充分的理由，版式错误可能会导致可读性问题。

话虽如此，这种趋势非常有趣，您可以通过多种方式来部署它。单击上面的示例，您可以在英雄标题中看到故障文本的多种用法。

4.圆形无衬线

这是几乎任何人都可以使用的趋势，而且它是如此简单，您甚至可能在开始寻找之前就看不到它。项目挤满了圆形的简单无衬线字体。

这种趋势的最大好处是它适用于所有事物。圆角的无衬线字体是最易读的字体。大多数使用这种趋势的设计师还使用具有中等到较粗的均匀笔划以及适当的字母间距的字体。

有关此版式趋势的所有内容都以最佳可读性为中心。另外，您可以将其与其他字体趋势搭配使用，以获得更现代的外观。上面的示例使用无衬线衬线和左对齐​​文本。

5.微妙的渐变

设计师似乎无法获得足够的渐变。（我承认是其中之一！）

印刷中强调的细微渐变是这种趋势的下一个发展趋势。

这种趋势的好处是渐变是如此微妙，以至于您一开始可能甚至看不到它们。颜色略有差异，有助于吸引人们注意字母。

渐变最好与较粗的字体配合使用，并重用特定的单词或短语。

注意不要过度使用它。良好的文本渐变可在整个单词上保持一致的对比度，以免阅读时感到不适，并使其与背景分开。

6.“ Underized”英雄类型

并不是说文字总体上趋向于变小，而是网站的英雄形象中的标题和文字没有那种让某些设计不知所措的那种过大的感觉。网站的英雄领域所谓的“尺寸过小”的字体有点令人耳目一新。

这些字体大小-仍然足够大以表示为标题，但足够小以包含几行文字-往往会在50到80点的范围内下降。（上面的示例标题为60分，辅助标题仅为23分。）

使较小的字体起作用的关键是确保您选择了易于阅读的字体并为其留出足够的空间。当文字太小时，很容易陷入在屏幕上放置太多文字的陷阱。不要让它发生在你身上。

为什么排版趋势会变小？这些尺寸更易于扩展，同时在设备之间创建更多通用的体验。巨大的超大字体可能会在移动设备上造成混乱，其方向与台式机屏幕不同。结果是，这种类型的外观并不总是很美观，或者必须做出会影响跨设备一致性的设计选择。

只需稍微减小大小即可解决此问题，保持可读性，并且做得好看起来仍然很棒。

7.衬线

衬线回来了。曾经被认为是“难以在线阅读”的字体，在字符上加了少许笔画的字体正在随处可见。

顺便说一句，在线衬线的可读性问题完全是个神话。

如果要在Web项目中使用衬线，请查找具有规则笔画或较粗笔画的字母样式，并在涉及到上升，下降和衬线或连字时注意行距，以便每个单词都易于理解。

从简单的方形衬线（例如上例）到更为精致的繁荣，这种印刷样式具有太多的特征和魅力。它可以为简单的设计轮廓线和很好利用空间的轮廓线提供很好的提升。

8.动画版式

设计中最大的总体趋势之一是动画。而且没有理由也不能将其应用于排版。

越来越多的设计使用的字体会移动，移动或受悬停状态影响（例如上述示例）。所有这些技术都可以带来更互动，更丰富的用户体验。

在为文本设置动画时，重要的是要考虑用户将如何以及在何处阅读信息（某些动画元素（例如视频）还不能在所有移动设备上正常工作）。进行调整，以使即使动画无法正常工作，仍然可以通过清晰的消息传递获得有价值的用户体验。

在这方面，最好的文本动画通常从清晰易读的字母开始。动画在延迟之后或作为用户交互的一部分起作用。这会使用户感到高兴和惊奇（甚至可能会导致更多的现场时间）。

仔细考虑排版动画的速度-如果文本移动太快，用户将完全错过信息；如果文字移动太慢，用户可能会在阅读所有内容之前先点击一下。一定是对的。（用户测试可以帮助您找到理想的速度。）

9.堆叠文本块

尽管字体的大小趋于变小，但它仍然具有相同的重量。设计人员正在堆叠多行文本，尤其是在英雄标题中，以得到带有更多单词的加权消息。

这个趋势很重要，因为它表明了在尝试与用户进行更充分地交流方面的一种转变，而较少期望一个词足以吸引某人参与设计。以视觉吸引人的方式呈现的更多信息可能是导致更多用户参与的更好解决方案。

堆叠多行文本时的主要注意事项是找到一种字体，该字体在与更多字母一起使用时（甚至在所有大写字母中使用，这是一个很常见的选择）也可以读取，并且具有足够的行距，以便行容易区分，并且副本中的中断是合乎逻辑的。堆叠文本时，一行到一行应该有明显的流程，这在阅读单词时很明显，并且用户应在设计的任何其他部分之前移至下一行副本。

由于换行和易读性方面的挑战，文本堆栈通常位于屏幕的一侧，因此设计人员可以进行更多控制。这种结构还可以在文本元素和屏幕上的其他视觉效果之间建立和谐的关系，以吸引人的眼球看待不对称的平衡。

10.颜色字体和类型

彩色字体是它们自己的一类类型，并且在各处弹出。它们比许多最初预期的要流行，并且在设计项目中具有有趣的应用程序。

您可以在我们的初学者指南中阅读有关彩色字体的所有信息。彩色字体的概念也为整个印刷术打开了更多的彩色项目。

尽管有很多黑白风格的极简主义风格，但色彩却重新流行起来。许多设计师使用的是最小样式的鲜艳颜色字体，例如上面的倾斜椅子。颜色可以增加额外的视觉兴趣并强调颜色中的文字。

明亮的选项（例如示例中的红色）有助于吸引眼球，并充当消息传递，树立品牌标识并将用户吸引到设计中的重要跳板。