返回  

Kinetic Typography:引人注目的字体趋势

2022/8/22 11:12:22 来源:深圳网站建设公司Clh

当你试图将文本和动画结合在一起使用时,你会得到动态的文本类型。这种网站设计趋势几乎无处不在,因为设计师在文本元素中添加动态元素以创建更具吸引力的标题和艺术元素。

这是一种将排版提升到新水平的引人入胜的方式,使其在屏幕上栩栩如生。

今天我们将了解动态排版设计趋势,它是什么以及如何让它为你服务。


什么是动态排版?(What is Kinetic Typography?)

RE

即使你不知道“动态排版”这个术语,你也可能确切地知道它是什么。这种技术在从网站设计到在线广告到商业广告再到社交媒体的所有领域都广受欢迎。

动态排版具有动画文本元素,有助于吸引注意力并为项目创建基调。它可以产生巨大的影响,并为项目增添艺术气息。

挑战在于,它确实需要一些动画技巧来创建,并且在出色的动态类型和移动的文本之间有一条“线”,否者可能会完全分散设计的注意力。


如何识别动态排版设计趋势(How to Identify the Kinetic Type Design Trend)

识别动态排版很容易:它几乎是任何包含运动的文本元素。它们可以是缩放、捏合、旋转、缩放,任何东西!

简而言之,动态排版的真正特点在于移动和变换的文本。


更好地使用这种设计趋势的 5 个技巧(5 Tips for Using this Design Trend Well)

Black Sands Media

使动态排版发挥作用的关键是使用它。动作可能很复杂,错误的动画时间或动作使用错误的字体,最终会导致灾难。你需要考虑字体选择和你计划使用的动作以获得最大的成功。

这里有一些个人认为比较好的想法:

· 选择易于阅读的字体:当你添加动态时,复杂的字体虽然有趣但是却损失了可读性。从可读性强的字体开始很重要,以增加动画的可读性。

· 使用流畅、一致的动作:有很多开始和停止的动画过于明显的动态效果,这种类型或许不是一个很好的选择。动画应该在一个永无止境的循环中流动,让用户有时间阅读屏幕上的文字。

· 增强对比度:背景和前景元素几乎在所有情况下都需要清晰,动画的添加使它们变得更加重要。当多层效果协同工作时,高对比度将有助于提高可读性。

· 明智地使用其他元素:动态排版不必单独存在。将移动文本与图像、插图或形状相结合,作为整体视觉显示的一部分。设置设计,以平衡静态和动态元素的混合。

· 考虑受众:根据你的目标受众,从速度到颜色到字体选择的一切都很重要。对于动态排版尤其如此,你需要确保用户喜欢并理解你的设计将展示的技术和用户体验。否则,你所有的工作都是徒劳的。


我们喜欢的 5 个动态排版示例(5 Examples of Kinetic Typography We Love)

如果你正在寻找动态排版灵感,下面的这些示例或许可以帮助你找到适合的效果。


1. Lusil Blek

Lusil Blek

使用带有单个字符动作的动态排版可以使内容变得简单而小巧,例如这个网站的排版。


2. Yuin Chien

Yuin Chien

这种动态排版的设计令人着迷,以至于你可能会发现自己盯着它看了很长时间。


3. Future London Academy

Future London Academy

在这个设计中出现了多个级别的动态类型,带有超大的白色背面文本层为移动黑色文本提供了高度可读性的基础。


4. Swaychain

Swaychain

这个超级时尚的动态排版使用了在banner图顶部的文本滚动和底角的辅助动态效果元素。这种组合有很多值得一看的地方,但在视觉上很有趣。


5. Google Doodles

Google Doodles

Google Doodles 可能是你能发现的最知名且效果很好的动态排版示例,记得探索他们的图书馆。


结论

动态排版是一个有趣、可以提供更多交互体验的元素,可以为整体设计主题做出贡献。这也是最近有很多的网站设计越来越频繁使用的趋势之一。最后,祝玩得开心!









----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务