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进行设计的链接,谢谢。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
效果主要是一些按钮的ripple效果,和输入框的float效果
如果你喜欢bootstrap式的方式 你可以参考Material Design for Bootstrap
喜欢react的方式,可以参考material-ui
https://material.angularjs.org/ 我保证这正是你想要的,配合Angularjs。如果没有问题,请选我。和点赞,谢谢。