Google的材料设计最终还是提及到了Android的Lollipop特性。随着新的设计趋势,Google已经更新了大多数的app。材料设计旨在能在网页和移动端app上面能良好运作。现在越来越多的开发人员都在采用网站的这种方式。如果你在设计的下一个项目的时候还是想采用材料设计,试着使用物质化这种方法。物质化是基于Sass支持的材料设计规则的CSS框架。

有了可用的详细的文档,你就可以很容易地在下个项目理解和使用这个方法。一共有两种版本:物质化和SASS。物质化包括缩小的和扩大的CSS和JS文件。SASS组件包括SCSS文件资源。你可以根据你的需要尝试。

如果你必须使用CSS设计框架,你能很快地采用这个办法。你只需要包括框架的CSS和JS文件。然后你可以直接使用特定的CSS和JS组件。

能快速地了解有各种初始模板。你可以尝试了解这些模板来学会怎么用物质化框架设计一个网页。

12 列
像Bootstrap,也需要把屏幕分为12个不同的列。每个列都需要相同的宽度。



还有各种其他的组件包括Badges, Buttons, Cards, Collections, Footer, Forms, icons, navbar, preloader, collapsible, dialog, dropdown, media, modals, parallax, pushpin, scrollspy and tabs。