更改字体或以趋势样式重新创建图像或标题可以使设计焕然一新,而无需进行全面检修。不知道从哪里开始?这份清单列出了今年八大最大的排版趋势,并举例说明如何使用它们。
以下是2019年顶级网站设计排版趋势。
1.辅助线
如果您想在网页项目中使用辅助线,让内容更加有动感,更容易被发现,比较不会被忽略或者说台过于单调,但是值得注意的时候,辅助线尽量细灰色,这样比较不会影响到文字的阅读体验。
2.动画排版
在字体显示上给予一定的动画效果,可以让网站看上去更有活力,这些技术都可以带来更具互动性,更丰富的用户体验。
在动画文本时,重要的是要考虑用户阅读信息的方式和位置(某些动画元素,如视频在所有移动设备上都不能正常工作)。进行调整以便即使动画无法正常工作,仍然可以在消息传递清晰的情况下获得有价值的用户体验。
在这方面,最好的文字动画通常以清晰易懂的字体开头。动画在延迟后或作为用户交互的一部分发挥作用。这可能会让用户感到高兴和惊喜(甚至可能导致更多的时间在网站上)。
使用排版动画仔细考虑速度 – 如果文本移动太快,用户将完全错过消息; 文本移动速度太慢,用户可能会在阅读所有内容之前单击。一定是正确的。(用户测试可以帮助您找到理想的速度。)
3.堆叠文本块
堆叠多行文本,特别是在banner条广告中。
这一趋势值得注意,因为它显示了尝试与用户进行更充分沟通的转变,而不是期望一个词足以吸引某人参与设计。以视觉上引人入胜的方式呈现的更多信息可以是更好的解决方案,从而导致更多用户参与。
堆叠多行文本时的关键考虑因素是找到一个字体,当与更多字母一起使用时可读(或者甚至在所有大写字母中使用时,这是一种流行的选项),具有足够的行间距以便线条易于使用区分和副本中断是合乎逻辑的。在堆叠文本时,应该有一个不同的流到一行,这对于如何阅读单词是显而易见的,并且用户应该在设计的任何其他部分之前移动到下一行副本。
由于线路中断和易于阅读的挑战,文本堆栈通常位于屏幕的一侧,因此设计人员可以更好地控制。这种结构还可以在文本元素和屏幕上的另一个视觉效果之间创建和谐,以实现非常吸引人的平衡。
4.颜色字体和类型
虽然有更多的黑白文字更简约的风格,许多设计师使用明亮的彩色排版和最小的风格,如上面的倾斜椅子。颜色可以增加额外的视觉兴趣,并强调颜色的单词。
明亮的选项,例如示例中的红色,有助于吸引眼球,并作为消息传递冲击力,建立品牌标识并吸引用户进入设计。
5.剪裁和叠加
分层效果是使设计看起来不那么扁平好方法。使用排版来做这件事是一个不错的选择。
剪切和叠加是指没有颜色填充的文本元素。剪切允许通过类型设计显示背景图层中的任何内容,例如上面示例中的动画运动图像。叠加层通常是背景上的透明字母,以便您可以在阅读时通过字母查看背景。
这两种技术都具有很多视觉趣味,并且可以很有趣地创建。它们最适合使用大字体,不是很多单词和显示字体。
叠加效果非常适合照片,纹理甚至视频背景。使用这种技术时,请确保避免许多其他设计效果。
6.与其他元素分层
在以前大多数网站建设中,文本元素和其他元素保持分离状态的思维。但是这个想法已经发生了很大变化,设计师并没有回避允许文本和其他元素重叠。最终结果可能非常酷,实际上可以帮助用户更专注于屏幕上的文字。
虽然排版趋势在实践中最常见的用途是与盒装图像或颜色重叠的文本元素,但MJND将其提升了一个档次。这种设计将图像中的人与排版融合在一起,以便在他周围切出(就像人走进文字一样)。
这是一种来自印刷设计的技术,它更受欢迎 – 而且非常诚实地更易于执行 – 并且可以创建令人惊叹的显示。诀窍是拥有正确的图像并保持每个字母的可读性。(由于缺少字符笔划或部分,请注意不要创建非预期的单词。)
7.带渐变的文本
有史以来最被低估的设计技术可能是渐变。由于使用不当,它严重损害了声誉。但如果做得好,渐变绝对令人惊叹。上面的例子就是Design Spin。
标题的右侧部分具有简单的蓝色到绿色变化。它易于阅读和理解,并将重点放在恰当的位置。渐变感觉既现代又清新,仅比单一颜色增加了一点视觉吸引力。它非常适合页面的最小设计,并且通过滚动按钮中的渐变,从主要排版到用户应该采取的下一步的方向提示。