【网页设计】想要打造Material Design风格的网站吗?Google 帮你设计

material design lite协助开发者快速统一网站风格近日google 发布了前端开发语言程式material design lite (mdl),包含一些符合其设计风格的按钮、核取方块、输入区、排版样式、以及对应的网格系统和自我调整排版系统。与twitter 推出的bootstrap 类似,mdl 是为了帮其他开发者快速实现统一的网站风格。
与之前发布的一些设计项目(polymer web library)不同的是,mdl 对于版面整体设计有比较具体的规范,它使用sass 语言结合css(bem 规范)工具写成,可以适配不同尺寸的萤幕。最简单的使用方法是下载css 或通过npm 或bower 导入mdl。
mdl 工具可以用来设定不同形式的网站,如
部落格:
重内容型网站:
后台管理页面:
mdl 与大部分浏览器都可以完美相容,如chrome、firefox、opera、microsoft edge 和safari,目前对于ie9 无法做到其他的a 级相容,只能b 级。mdl 目的是为了说明开发者快速应用md 设计体验,比较适用于功能单一的静态页面,统一设计风格规范和动态页面还是建议使用完整的material design 和polymer 框架。