网页设计中运动设计的美丽例子

善微科技 2017 10月11日 发布

运动设计在过去几年中在网页设计行业中突出显现。大多数登陆页面和屡获殊荣的网站设计都包含运动的一些方面,无论是通过插图,视频,动画GIF,甚至是微妙的自定义表情。


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


有一些非凡的例子,显示了运动设计元素在网站上可以实现的内容。在这篇文章中,我们将对最好的选择进行整理。


Pipefy


网页设计中的Pipefy运动设计


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


FIGMA


菲格玛网页设计运动设计


Figma的主要卖点是设计合作。因此,它使用英雄部分中的有效的屏幕捕获视频来演示。


的Zendesk


ZenDesk网页设计中的运动设计


获得10免费Adobe库存图片!广告

Adobe股票有超过9000万种高品质,照片,矢量和插图可供您选择,这将帮助您为下一个项目找到完美的资产。

ZenDesk的答案Bot在他们的网站上演示了运动设计的一个简单和简单的例子。


科学博物馆+工业


科学博物馆+网页设计行业运动设计


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


阿迪达斯


网页设计中的阿迪达斯运动设计


Adidas Climazone的着陆页通过用户滚动作为触发器使用运动设计。随着用户向下翻页,图形和图像变形和变化。


条纹Sigma


网格设计中的条纹Sigma运动设计


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


如没特殊注明,文章均为善微网络原创,转载请注明来自https://www.sanways.com/news/386.html