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

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

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进行设计的链接,谢谢。


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

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


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

【热门文章】
【热门文章】