在你浏览的网站中，几乎每一个网站都会有自己统一的一套动态效果（或交互动效）。今天我们将来看看最近比较流行的一种关于文本的效果：滚动文本元素。
当一个网站设计中带有这种效果的时候，你一定可以第一眼就看出来，因为文本元素会在屏幕上移动。有时这种效果可以帮助提高可读性和理解性，而其他时候它可能只是一个作为点缀的设计元素。但是无论哪种方式，它都是一种引人注目的效果，可以帮助为你的设计添加独特的元素并增加互动性。
让我们深入探讨这一趋势，它的特点和一些例子。
识别这种设计趋势（Identifying this Design Trend）
这种网站设计趋势一目了然——它包括任何在屏幕上水平或垂直滚动的带有效果的文本元素。
滚动文本可能会出现在Banner或者主KV中，但通常我们会将它设置在稍微再往下一点点的位置以免影响主视觉的表达。这是一个需要把握分寸的元素，因为它要么吸引用户，要么可能干扰到用户导致其离开。
你可能还会从以上的示例中注意到，大多数具有滚动文本元素的设计在同一空间中一般会有比较多的元素。在这些元素中，滚动文本元素只是特点之一。
3个关键特征（3 Key Characteristics）
虽然对于这种网页设计趋势，你唯一需要主要的就是合理的安排带有滚动效果的文本元素，但还有一些其他常见的关键特征。
我们会注意到，随着这种设计趋势的不断发展和转变，这些附加特征可能会发生变化。
· 超大字号：如果没有滚动动画，你通常无法阅读整个短语
· 简单或常见的措辞：易于理解的单词有助于理解效果风格
· 自动滚动或移动：当你到达滚动文本元素区域时，动效通常会单独发生或以常见的滚动交互方式发生
如何使用好这个趋势（How to Use It Well）
要想很好地利用这种设计趋势，请考虑两个关键因素：
· 文本需要易于阅读
· 用户应该能够对滚动或动作有一些控制
这两个元素都有助于提升用户体验和对内容的理解。如果设置不当，滚动文本可能很像自动播放的视频（这意味着它可能会干扰用户并使他们感觉不太好）。
每个用户以不同的速度阅读或以不同的方式处理信息。滚动文本效果本身没有什么太大的问题，但用户需要有足够的能力来控制它，这样他们才能理解你想让他们阅读的内容。
让它成为你自己的特色元素（Ways to Make It Your Own）
那么，你可以如何利用这种网站设计趋势并真正将其变成你自己的呢？这里的所有示例都提供了处理和使用滚动文本元素的不同方法。
以下是帮助自定义此元素以符合你的设计计划的三种方法：
· 在滚动文本中使用品牌或设计很重要的关键词。你可以强调你的品牌名称、突出主题标签或标语，或专注于你独特的价值主张或使命等短语。
· 使用品牌独有的字体，并且只在设计的这一部分中使用它。这将为滚动文本元素创造视觉兴趣，同时将其与你的品牌联系起来。
· 允许用户控制滚动。虽然一些滚动文本只是在没有控件的情况下移动，但让用户拥有实际控制的权利可以帮助设计更好的表达同时增加网站的互动性，这也有助于提高可读性。
3个我们喜欢的例子（3 Examples We Love）
当谈到任何设计趋势时，都有一些明显的、处理的比较好的站点你可以参考。以下是我们认为比较脱颖而出的三个带有滚动文本效果的网站。
Exgalleria
滚动文本在这里有一个具有针对性的目的：它可以帮助你浏览网站。淡入淡出的效果并不会对重要的内容形成干扰，同时用户可以通过一个大的鼠标悬停箭头来完全控制滚动。
Di Costanzo
这种设计通过垂直滚动效果重新定义了滚动文本效果。结果是既保证了设计上的独特风格，在效果以及用户体验上也是有趣的。它让你想一直滚动到最后。
Peppa Sauce
Peppa Sauce 是一个在同一空间上同时具有多种复杂元素的网站设计，滚动文本在这里有很好的效果。所有的动作都是用户在滚动时激活的，文本元素左右移动，上下移动，包括各种大小和结构。同一时间和空间发生的事情太多了，你可能不会阅读所有内容，但是关键短语的字号大小和位置可以让你首先注意到它们。
总结
这是几乎在一夜之间突然出现并且无处不在的设计趋势之一。它可能很有趣，但确实存在一些挑战——可读性和兼容性。
如果你打算在设计中使用滚动文本元素，最好在设计之前先考虑好将要使用的文本内容，并权衡效果是自动的还是由用户控制的利弊（后者对于可访问性标准很重要 ）。最重要的是，如果你确实使用了这种设计趋势，请确保它有目的并符合你的整体目标。
----图文来自：design shack