想要在不大面积的修改设计的情况下让你的设计焕然一新吗? 使用新的和有趣的排版和字体趋势可能是一个有效的答案。 设计师可以选择不那么复杂的字体,通过将它们与大胆的颜色,剪裁,渐变,甚至自定义选项进行配对,以创建突出的字体。
更改字体或以趋势样式重新创建图像或标题可以使设计焕然一新,而无需进行全面检修,这点对于网站设计来说尤其明显。 如果你不知道具体从哪里开始? 这份清单列出了今年将会流行的排版趋势,并举例说明如何使用它们。
以下是2019年正在发挥作用的排版趋势。
1.“Undersized” Hero Type
这并不是说文本趋向于整体变小,但在网站设计的主视觉图中的标题和文字并没有那种超出某些设计的超大感觉。 在网站的主视觉区域中使用所谓的“小型”排版实际上会令人耳目一新。
这些类型的大小(在标题上仍然足够大,在匹配的几行简介或说明文字中适当小)往往会在50~80点的范围内进行变动 (以上示例标题为60点,次要标题仅为23点)。
制作较小排版的关键是确保你选择了高度可读的字体并为其提供充足的空间和对比。 当它很小时,很容易陷入在屏幕上放置过多文字的陷阱,不要让它发生在你身上。
为什么排版趋势变小了呢? 实际上,这些尺寸更容易扩展,同时可以跨设备创建更多统一的体验。 大型的排版可能会在移动设备上造成混乱,移动设备的方向与桌面屏幕不同。 结果是类型并不总是看起来很好或者必须做出影响设备间一致性的设计选择。
只是稍微减小尺寸就可以解决这个问题,保持可读性,并且在完成时仍然看起来很棒。
2.Serifs
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
有史以来最被低估的设计趋势可能就是渐变了。 由于之前使用不当,它严重损害自己的“声誉”。 但如果做得好,渐变绝对令人惊叹,就好像上面的例子Design Spin一样。
标题的右侧部分具有简单的蓝色到绿色变化。 它易于阅读和理解,并将重点放在恰当的位置。 渐变感觉既现代又清新,仅比单一颜色增加了一点视觉吸引力。 它非常适合简约风格的网页设计。
10.“Overdone” Effects
在谈论任何设计技巧时,通常不会使用“过度”。 但是当谈到过度的排版趋势时,它可以发挥作用。
这种类型的趋势具有复古的感觉,其特点是文字和文字效果,因此你必须阅读这些文字。 有轮廓和阴影,斜面和淡入淡出和疯狂的颜色。
你投入的效果越多,用户可能注意的几率就越高。 这种风格最适合简单的设计文案,如上面的Schnitzel Love。
11.Custom Everything
排版我们一直遵从的规则是:不要有其他干扰字体的元素;不应该改变或搞乱字体;选择适合你项目的一种字体。
但是设计师通过对字体进行简单调整以使其具有更加自定义的外观和感觉,从而以积极的结果挑战这一想法。 其他人实际上更可能为项目制作自定义的字体。
虽然这可能很有趣,但它通常是一个昂贵的选择,可能会花费很多时间。 对于较大的品牌或团队中有印刷工程师的项目,这种情况最为常见。
总结
就个人而言,排版趋势是我最喜欢的年度设计趋势之一。 字体和排版选择是所有设计中必不可少的一部分。
我最喜欢的排版趋势是那些突破常见设计规则但仍保持可读性的界限。 在排版方面你喜欢什么呢?
----图文来自:design shack