为什么在滚动的例子中永远不会讨厌这些微妙的转换

滚动的微妙过渡-新鲜的例子

动画和动态效果已经成为现代网站不可或缺的一部分。它们不再是非凡的东西,它们只是丰富用户体验的标准工具,使项目更加和谐和愉快。虽然我们已经热烈地讨论了动画,只要看看我们以前的文章,如动态抽象主页的新趋势或10种迄今为止最好的网络动画。

今天我们来关注一下微小的细微的影响乍一看,这似乎无关紧要。然而,尽管它们的持续时间很短,而且几乎看不见它们的影响,它们仍然发挥着重要的作用。它们将设计粘合在一起,让项目与生活融为一体,并增强结构。通常,过渡链接到滚动条,滚动条跟踪用户的移动,并在适当的时候打开它们。我们将研究由滚动条激活的微妙过渡的各种用法。

微妙的转换

1. 服装俱乐部

这个服装俱乐部看起来既时髦又优雅。平衡的布局与浅色和完美的格式建立了一个奇妙的一般感觉。圆滑的过渡用于显示内容块和添加一个轻微的运动感觉适合这里像手套。

服装俱乐部

2. α设计

就像前面的例子一样,Alpha设计拥有一种基于拷贝和视觉的和谐共生的精致美学。每个部分的数据都使用了一种赏心悦目的效果。在某些情况下,它伴随着另一些图像的出现。触发其他组件。

α设计

3.鲁迪

鲁迪斯有一个干净利落的主题。基于一个原始而直观的模块化系统,它很容易处理所有的图像。微妙的效果,打开滚动添加风味和提高复杂的外观。

鲁迪

4. 运作NNG之前

为了避免无聊和沉闷,NNG使用了一些微小的扭转,增加了项目的运动,并激活了一些部分。每一块都有奇特的效果。团队利用淡入/淡出、缓慢浮现、平稳滑动和其他解决方案。

运作NNG之前

5. 火花家实验室

星火屋实验室采用滚动来激活一些动画。后者有助于以一种令人愉快的方式描绘支持性的图像和草图,并为项目提供了刺激。

火花家实验室

6. 李尔公司

Lear公司利用了几个过渡效果,为整个项目提供了一个平稳的流程。每个部分都装饰得非常漂亮,具有非静态的吸引力。

李尔公司

7. 雪崩

雪崩是一个互动和视觉吸引力的网上组合。尽管团队选择了一个更干净和时尚的外观,一些曲折旋转的网站创造性。这里有精心设计的吉祥物和草图,当然,还有少量的小动画,当用户向下移动时,这些动画会在不显眼的情况下跟随用户。

雪崩设计

7. RDesignd

RDesignd有一个现代和复杂的网站。几乎每个部分都使用动画或效果来丰富用户体验并添加有趣的注释。尽管该团队采用标准的解决方案,如显示技能的动画进度条,但总体而言,该项目产生了令人着迷的印象。

RDesignd

8. 吞咽药片

吞咽药片是一个小型的交互式信息图表,它的美丽归功于卡通插图和支持性的效果。有一个信息丰富的垂直时间轴,揭示了重要的数据。微妙的动作让它看起来更随意、自然和有趣。

吞咽药片

9. Snipcart

Snipcart有一个时髦的长页面网站,有一个健壮的结构和大量的内容。后者分为文本和图形,以便更有效地传达信息。每个部分都有一个与运动相关的插图。

Snipcart

10. Axteria

Axteria散发出一种清新、优雅和精致的形象。不对称的布局为用户体验增添了情趣。该项目不仅包括微妙的过渡,以加强内容的出现,但它也有一些其他的动态元素,实现了更大的影响。

Axteria

11. 星星如何排列

美丽和装饰的氛围笼罩着这个项目。作为一个长页面的网站,它有许多添加动作的功能。基本微妙的过渡巧妙地活跃了主题。

星星如何排列

12. 佛蒙特州吸烟与治疗

Vermont Smoke and Cure采用了微妙的过渡,增加了美味的味道,丰富了网站的主要部分。它有一种艺术氛围,这要归功于奇妙的插图,这些插图是由微小但赏心悦目的效果支撑起来的。

佛蒙特州吸烟与治疗

13. 的WNDRLND

WNDRLND更喜欢经典的方法,通过黑白配色方案、清晰优雅的排版、拷贝和视觉效果之间的最佳平衡以及大量的白色空间。虽然圆滑的过渡在这里扮演一个次要的角色,他们完成的主题和加强和谐。

的WNDRLND

14. 预告片

Prevue具有图形化的特性,可以开发令人难以置信的用户体验。有几个小的充满活力和线条风格的绘画,增强网站美学和丰富的主题。图形化的东西不是单独存在的;它是由动态效应支撑的。

预告片

15. 除了

上瘾是一个视觉讲故事的网站,以创造性的方式提出重要的问题。该团队利用滚动来点燃能量和动力的各种块。插图搭配动画-一个胜利的组合。

上瘾

16. 两个Huit Huit

双惠特惠特有一个完美和新鲜的外观。简洁、健壮的结构与一些动态特性完美结合。后者用于使内容块的出现看起来令人愉快和有吸引力,并在不引人注意的情况下将注意力转移到重要的元素上。

两个Huit Huit

17. 安德烈奥利

Andreoli利用微妙的过渡来配合图形的绘制。因为网站有一个干净整洁的外观,这些小技巧增强了用户体验,并赋予它一个特殊的魅力。

安德烈奥利

18. Kilani

基拉尼成功地接受了极简主义的力量。头版看起来精致、现代、精致。没有装饰性的细节,只有复制品和图像;然而,这个项目唤起了相当强烈的感情。圆滑的过渡,香料的每个部分作出了重要的贡献。

Kilani

19. 霍尔姆·马克特公司

Holm Marcher and Co以一种创造性的方式使用了华丽柔和的色彩和模块化的基础。动态特性让项目闪闪发光,出类拔萃。虽然没有华丽的动画,只有小的常规效果,但他们设法增加了一种味道,并加强了企业的氛围。

霍尔姆·马克特公司

结论

微小的转变可以为一个项目创造奇迹。他们可以很容易地把它从看起来枯燥乏味,以及改善主题与一些悦目和引人注目的细节。如果使用得当,它们可以为任何UI注入新的生命。

您认为有必要进行这些增强吗?它们是否丰富了用户体验?

食品网站的最佳范例

Headline-Centric英雄领域

2020-03-18 17:47
相关热门