Material Design资源

materialdesign-goals-landingimage_large_mdpi

Material Design是谷歌在Google I/O 2014推出了全新的设计语言,并荣获2014年的用户体验最佳贡献金奖。

更新记录

2015-10-15 初稿

演示视频

Material Design 文档

官方

http://www.google.com/design/spec/material-design/introduction.html

Material Design 中文版(官网翻译而来)

阅读: http://wiki.jikexueyuan.com/project/material-design/
GitHub: https://github.com/1sters/material_design_zh_2
PDF: http://pan.baidu.com/s/1fr1gi

Material Design 中文版(官网翻译而来)

阅读: http://design.1sters.com/ (已关停)
GitHub: https://github.com/1sters/material_design_zh

Google Material Design 正體中文版(官网翻译而来)

阅读: https://www.gitbook.com/book/wcc723/google_design_translate/details
GitHub: https://github.com/Wcc723/google_design_translate
PDF: http://pan.baidu.com/s/1dD8X1Zj

Material Design非官方中文指导手册

PDF: http://pan.baidu.com/s/1mg3P45i

Android资源

资源大合集
https://github.com/lightSky/Awesome-MaterialDesign

十大Material Design开源项目
http://www.csdn.net/article/2014-11-21/2822753-material-design-libs/1

图标

Material icons guide

主页: http://google.github.io/material-design-icons/
GitHub: https://github.com/google/material-design-icons

网页框架

Angular Material(控件最全,样式不错,交互动态效果多)

主页: https://material.angularjs.org/
GitHub: https://material.angularjs.org/

material ui(控件较多,样式不错,交互动态效果多)

主页: http://material-ui.com/
GitHub: https://github.com/callemall/material-ui

bootstrap-material-design(控件数量还行,样式较好,交互动态效果还行,Demo里部分样式有错位问题)

主页: http://fezvrasta.github.io/bootstrap-material-design/
GitHub: http://fezvrasta.github.io/bootstrap-material-design/

muicss(控件较少,样式普通,交互动态效果少)(体积小,css+js 11.4k)

主页: https://www.muicss.com/
GitHub: https://github.com/muicss/mui

MaterializeCss(控件数量还行,样式较好,交互动态效果还行)

主页: http://materializecss.com/
GitHub: https://github.com/Dogfalo/materialize

bootswatch里的parper主题

主页: http://bootswatch.com/paper/
GitHub: https://github.com/thomaspark/bootswatch

jQuery Mobile Material Theme(控件较少,样式普通,无交互动态效果)

主页: http://store.ququplay.com/

0%