想要快速改造你的设计吗? 使用新的和有趣的字体排版趋势可能是你的最佳答案。设计师可以选择不那么复杂的字体,并将它们与大胆的颜色,剪裁,渐变,甚至自定义进行配对,以创建突出的字体。

更改字体或以趋势样式重新创建图像或标题可以使设计焕然一新,而无需进行全面检修。 如果你不知道具体从哪里开始? 这份清单列出了今年将会流行的的字体排版趋势,并举例说明如何使用它们。

以下是2019年将流行的11个字体排版趋势

1. “Undersized” Hero Type

这并不是说文本趋向于整体变小,但网站设计的主视觉图中的标题和文字并没有那种超出某些设计的超大感觉。在网站的主视觉图中所谓的“小型”排版实际上是有点令人耳目一新。

这些类型的大小仍然足够大,可以表示为头条新闻,但足够小,可以包含几行文字 - 往往会在50到80分的范围内下降。 (以上示例标题为60分,次要标题仅为23分。)

制作较小排版的关键是确保您选择了高度可读的字体并为其提供充足的空间。当它很小时,很容易陷入在屏幕上放置过多文字的陷阱。不要让它发生在你身上。

为什么排版趋势变小了呢?实际上,这些尺寸更容易在扩展,同时可以跨设备创建更多统一的体验。大型的排版可能会在移动设备上造成混乱,移动设备的方向与桌面屏幕不同。结果是类型并不总是看起来很好或者必须做出影响设备间一致性的设计选择。

只是稍微减小尺寸就可以解决这个问题,保持可读性,并且在完成时仍然看起来很棒。

2.Serifs

衬线字体回归了。 一旦被认为“难以在线阅读”,字符上带有微小额外笔画的排版就会随处可见。顺便说一下,网站上关于线衬线的可读性问题完全就是虚构的

如果您想在网页设计项目中使用衬线,请寻找具有规则到较粗的笔划的字体样式,并在涉及字间距,行间距和连字时注意线条间距,以便每个单词都易于理解。

从简单的方形衬线,如上面的例子,到更精致样式,这种排版风格具有如此多的特点和魅力。 它可以为简单的设计轮廓和那些使用空间的设计增加一个很好的推动力。

3. Animated Typography

设计中最大的整体趋势之一是动画。这没有理由你不适用于文本排版中。

更多设计正在使用移动,移位或受悬停状态影响的字母(例如上面的示例)。所有这些技术都可以带来更具互动性,更丰富的用户体验。

在动画文本时,重要的是要考虑用户阅读信息的方式和位置(某些动画元素,如视频在所有移动设备上都不能正常工作)。进行调整以便即使动画无法正常工作,仍然可以在消息传递清晰的情况下获得有价值的用户体验。

在这方面,最好的文字动画通常以清晰易懂的字体开头。动画在延迟后或作为用户交互的一部分发挥作用。这可能会让用户感到愉悦和惊喜(甚至停留更多的时间在网站上)。

使用排版动画仔细考虑速度,如果文本移动太快,用户将完全错过消息;文本移动速度太慢,用户可能会在阅读所有内容之前就离开。所以一定是正确且合适的速度。(用户测试可以帮助您找到一个理想的速度。)

4. Stacked Text Blocks

虽然排版的趋势是尺寸略小,但它仍然具有同样重要的重量。设计人员正在堆叠多行文本,特别是在视觉标题中,用于包含更多单词的加权消息。

这一趋势值得注意的是,因为它显示了尝试与用户进行更充分沟通的转变,而不是期望一个词足以吸引某人参与设计。以视觉上引人入胜的方式呈现的更多信息可以是更好的解决方案,从而导致更多用户参与。

堆叠多行文本时的关键考虑因素是找到一个合适的字体,当与更多字母一起使用时仍然可以保持很好的可读性(或者甚至在所有大写字母中使用时,这是一种流行的选项),具有足够的行间距以便线条易于使用区分和副本中断是合乎逻辑的。在堆叠文本时,应该针对不同的内容而设置一些足够明显划分的视觉点,这对于如何阅读单词是显而易见的,并且用户应该在设计的任何其他部分之前移动到下一行副本。

由于换行和易于阅读对于设计师来说是一个挑战,所以文本堆栈通常位于屏幕的一侧,因此设计人员可以更好地控制。这种结构还可以在文本元素和屏幕上的另一个视觉效果之间创建和谐,以实现非常吸引人的平衡。

5. Color Fonts and Type

颜色字体已经独树一帜,并且已经遍布各处。 它们实际上比许多人原先预期的更受欢迎,并且在设计项目中更加有趣。

你可以在我们的初学者指南中阅读有关颜色字体的所有信息。 彩色字体的概念已经开辟了更多的项目,以便在整体排版中着色。

虽然黑白文字更简约风格,但是颜色文字正在卷土重来。 许多设计师使用明亮的彩色排版和简约的风格,如上面的例子。 颜色可以增加额外的视觉兴趣,并强调有颜色的单词。

明亮的选项,例如示例中的红色,有助于吸引眼球,并作为消息传递的巨大跳板,建立品牌标识并吸引用户进入设计。

6. Highlighted Type

这是一个令人惊讶的趋势之一:荧光笔式的强调刻字以强调。

从简单的高光到从背景到下划线到动画高光的单独字体,有很多方法可以使用这种类型的设计趋势。 虽然当你描述它时听起来有点奇怪,但实际的视觉效果非常惊人。

这种技术最适合您真正希望用户看到的单词。 它对于较短的文本块也可以更好地工作,这样突出显示就不会让人不知所措并接管设计。

7. Cutouts and Overlays

分层效果是使设计看起来不那么平坦的好方法。 使用排版来做这件事是一个不错的选择。剪切和叠加是指没有颜色填充的文本元素。 剪切允许通过类型设计显示背景图层中的任何内容,例如上面示例中的动画运动图像。 叠加层通常是背景上的透明字母,以便你可以在阅读时通过字母查看背景。

这两种技术都具有很多视觉趣味,并且可以很有趣地创建。 它们最适合使用大字体,不是很多单词和显示字体。

叠加效果非常适合照片,纹理甚至视频背景。使用这种技术时,请确保避免许多其他设计效果。

8. Layering with Other Elements

在大多数项目中,文本元素和其他元素保持一定的距离。 但是这个想法已经发生了很大变化,设计师开始尝试不去回避并且允许文本和其他元素重叠。 最终结果可能非常酷,实际上可以帮助用户更专注于屏幕上的文字。

虽然排版趋势在实践中最常见的用途是与盒装图像或颜色重叠的文本元素,但MJND将其提升了一个档次。 这种设计将图像中的人与排版融合在一起,以便在他周围切出(就像人走进文字一样)。

这是一种来自印刷设计的技术,它更受欢迎,而且更易于执行, 并且可以创建令人惊叹的显示效果。 诀窍是拥有正确的图像并保持每个字母的可读性。

9. Text with Gradients

有史以来最被低估的设计技术可能是渐变。 由于使用不当,它严重损害了“声誉”。 但如果做得好,渐变绝对令人惊叹。

标题的右侧部分具有简单的蓝色到绿色变化。 它易于阅读和理解,并将重点放在恰当的位置。 渐变感觉既现代又清新,仅比单一颜色增加了一点视觉吸引力。 它非常适合页面的最小设计,并且通过滚动按钮中的渐变,从主要排版到用户应该采取的下一步的方向提示。

10. “Overdone” Effects

在谈论任何设计技巧时,通常不会使用“过度”。 但是当谈到过度的排版趋势时,它可以发挥作用。

这种类型的趋势具有复古的感觉,其特点是文字和文字效果,因此你必须阅读这些文字。 有轮廓和阴影,斜面和淡入淡出和疯狂的颜色。

你投入的效果越多,用户看起来就越多。 这种风格最适合简单的设计方案,如上面的Schnitzel Love。

11. Custom Everything

排版的诫命之一是单独留下刻字。 你不应该改变或搞乱字体; 选择适合您项目的一种字体。

但是设计师通过对字体进行简单调整以使其具有更加自定义的外观和感觉,从而以积极的结果挑战这一想法。 其他人实际上为项目制作了自定义字体。

虽然这可能很有趣,但它通常是一个昂贵的选择,可能会花费很多时间。 对于较大的品牌或团队中有印刷工程师的项目,这种情况最为常见。

原文出处:design shack

小智LOGO翻译编辑整理