Material Design的动态效果是如何实现的?

发布于 2022-09-01 07:42:13 字数 465 浏览 30 评论 0

Google力推的Material Design的确很吸引人,我也想开始用material
Design的理念来做一些网页设计。花了不少时间阅读Google的官方文档以及其他的一些中文文档,但是对于Material Design究竟如何实现还是晕晕乎乎的。我原先是期待Material Design会有一套象Bootstrap那样集成了CSS和Javascript的东西,在网页上只要指定元素的Class,就可以实现一定的外观及动态效果。但是在Google关于Material Design的页面上只有一些.ai文件下载,只是给出了设计所需的一些尺寸、颜色的定义。这样的话,动态效果是不是都要自己用Javascript做呢?但是Material Design最重要的一个特点就是它的动态效果,如果Google不提供统一的动态效果,那如何能保证不同app的界面统一性呢?

我觉得我是不是看漏了什么东西?请大家指教,或给个详细说明如何应用Material Design进行设计的链接,谢谢。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

栖迟 2022-09-08 07:42:13

效果主要是一些按钮的ripple效果,和输入框的float效果
如果你喜欢bootstrap式的方式 你可以参考Material Design for Bootstrap

喜欢react的方式,可以参考material-ui

咿呀咿呀哟 2022-09-08 07:42:13

https://material.angularjs.org/ 我保证这正是你想要的,配合Angularjs。如果没有问题,请选我。和点赞,谢谢。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文