下城网站建设公司:Web设计中运动设计的10个实例

2019.01.17

770

下城网站建设公司

在过去的几年里,运动设计在网页设计行业的地位有了很大的提高。大多数登陆页面和获奖网站设计包含了一些方面的运动,无论是通过插图,视频,动画GIF,甚至微妙的定制表情。

一些网站甚至在他们的产品中使用运动设计,例如苹果公司,他们使用垂直滚动作为一个触发器,将运动应用于他们的产品模型。

有一些值得注意的例子,这些例子显示了在将运动设计的元素应用于网站时所能达到的效果。在这篇文章中,我们将挑选出最好的。

Web设计中的运动设计

在其网站的英雄部分使用运动设计。它显示其产品的用户界面演示,假设用下城网站建设公司户与平台交互并展示。

下城网站建设公司:Web设计中运动设计的10个实例

的主要卖点是设计协作。因此,它演示使用有效的屏幕捕捉视频片段在英雄部分。

ZenDesk

使用“Web”“Web上”的“设计”

Zendesk的答案机器人是在他们的网站上演示使用一个最小和简单的运动设计的例子。

工业科学馆

下城网站建设公司:Web设计中运动设计的10个实例

科学工业博物馆在其网站的英雄部分使用运动图形和视频来说明每一个活跃的展览。它增加了大量的视觉兴趣和效果。

Adidas

Web设计中的运动设计

阿迪达斯Climazone的登陆页面使用通过用户滚动的运动设计作为触发器下城网站建设公司。当用户沿着页面向下移动时,图形和图像就会发生变化。

条纹西格玛

下城网站建设公司:Web设计中运动设计的10个实例

在最令人印象深刻的例子中,Stripe在多个实例中使用了运动设计。英雄部分使用一个视频来说明产品在行动,而下面的滚动代码的常见问题卡从右到左,改变颜色随着时间的推移。

snapped猛地咬住( snap的过去式和过去分词 )

Web设计中的Zendesk运动设计

snapped猛地咬住( snap的过去式和过去分词 )的主页滚动浏览精选的视频故事下城网站建设公司。当一个人排队与iPhone模型,它会触发视频播放下城网站建设公司。

dipster双翅目昆虫(包括家蝇、蚊子等)

Web设计中的运动设计

Zkipster使用了一种更传统的运动设计实现:全尺寸背景视频。它这样做有很大的效果,应用过滤器在顶部,以更大的对比度和微妙。

下城网站建设公司:Web设计中运动设计的10个实例

通过其产品图像使用运动。在这种情况下,用户的滚动位置被用作触发器来扩展产品模型,并在简单的设计中揭示其复杂性。

有趣的一天

“有趣的一天”网站通过实现一个跟踪用户光标点的视差效应来实现运动,从而产生深度效果。这是微妙的,下城网站建设公司但高度有效和满意的经验。

最新案例

TOP
满源彩票官网 彩70官网 双赢彩票 汇丰彩票官网 满源彩票 265彩票充值中心 凤凰彩票 198彩票官网 欢乐城彩票 凤凰彩票官网