八戒体育官网app

下城做网站:Web设计中运动设计的10个美丽示例

2019.01.16

816

下城做网站

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

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

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

下城做网站:Web设计中运动设计的10个美丽示例

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

Web设计中的运动设计

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

ZenDesk

下城做网站:Web设计中运动设计的10个美丽示例

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

工业科学馆

Web设计中的运动设计

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

Adidas

Web设计中的Zendesk运动设计

AdidasClimZone的登录页面使用通过用户滚动作为触发器的运动设计。当用户通过页面向下移动页面时,图形和图像变形和变化。

条纹西格玛

Web设计中的运动设计

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

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

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

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

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

下城做网站:Web设计中运动设计的10个美丽示例

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

下城做网站:Web设计中运动设计的10个美丽示例

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

有趣的一天

下城做网站:Web设计中运动设计的10个美丽示例

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

关键词

最新案例

联系电话 400-6065-301

留言