网站Ui界面设计中的滚动文本/元素动效

设计营销   2022-05-06

现在很多网站都会设计文字或者元素的动画效果,这种设计方式叫:滚动文本动效,顾名思义,就是让文本元素会在屏幕上移动。有时这种效果可以帮助提高可读性和理解性,而其他时候它只是一个设计元素。无论哪种方式,它都是一种引人注目的效果,可以帮助为您的设计添加独特的元素。让我们深入探讨这一趋势、它的特点和一些例子。

这种网站UI设计趋势很容易一目了然——它包括任何在屏幕上水平或垂直滚动的动画文本元素。滚动文本可能会出现在英雄图像中,但通常它在滚动下方一点点。这是一件好事,因为这种类型的动画可以吸引用户或完全关闭他们。移动排版通常没有很多中间立场。您可能还会从此处的示例中注意到,大多数具有滚动文本元素的设计都有相当繁忙的设计,在同一空间中有很多元素。在这些项目中,滚动文本只是另一个难题。

三个关键设计
虽然对于这个网站UI设计趋势,您唯一需要的是带有移动文本的元素,但还有一些其他常见的关键特征。我们会注意到,随着这种设计趋势的不断发展和转变,这些附加特性可能会发生变化。
1、超大字体:如果没有滚动动画,您通常无法阅读整个短语
2、简单或常见的措辞:易于理解的单词有助于理解动画风格
3、自动移动或运动:当您到达滚动文本元素时,动画通常单独发生或通过常见的滚动交互发生

怎么应用?
要想很好地利用这种设计趋势,请考虑两个关键因素:
1、文本需要易于阅读用户应该对滚动或动作有一些控制这两个元素都有助于整体用户体验和对屏幕内容的理解。如果您不小心,滚动文本动画可能很像自动播放视频(这意味着它非常烦人和令人沮丧)。每个用户以不同的速度阅读或以不同的方式处理信息。
2、滚动文本是可以的,但用户需要有足够的能力来控制它,这样他们才能理解你想让他们阅读的内容。最后,随着这种趋势的发展,如果滚动文本不那么频繁地与繁忙的设计配对,那就太好了。它在上面的示例中运行良好,它只是允许滚动文本作为视觉重音。

最后,您如何利用这种网站UI设计趋势并真正将其变成您自己的呢?
在滚动文本中使用对您的品牌或设计很重要的词。强调您的品牌名称(品牌DNA)、突出主题标签或标语,或专注于您独特的价值主张或使命是拥有此设计元素的方式。使用您的品牌独有的字体选择来滚动文本,并且只在设计的这一部分中使用。这将为滚动文本元素创造视觉兴趣,同时将其与您的品牌联系起来。允许用户控制滚动。虽然一些滚动文本只是在没有控件的情况下移动,但让用户通过实际滚动来指示移动可以帮助设计感觉好的交互体验,提升整体网站的可读性。


维好维可-用户体验体验创新设计
合作咨询
+86-21-51115850
© 2010-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码