天下之事,必先处之难,而后易之。
君临
知我者谓我心忧,不知我者谓我何求

2015年应该使用的5个顶级Material Design框架

谷歌Material Design在如今的前端页面设计中非常流行。Material Design的设计风格向我们展示了一个简单而有内涵的现代UI设计方案。

谷歌Material Design

Material Design是如此的简洁美观,那么,现在有什么Material Design框架可以使用呢?下面我们就一起来看看5个最顶级的Material Design框架。

Angular Material

Angular Material是目前所有Material Design框架中的大佬级人物。这是因为Angular在互联网上也非常普及,并且它直接被谷歌内部支持。

Angular Material

Angular Material的文档,例子和API都写得非常详细,全面概述了谷歌material design的所有特性。

Materialize

Materialize是 一个机遇Material Design的响应式前端设计框架,它的使用方法和Bootstrap相似。它是一个非常优秀的Material Design框架。它提供了CSS和SCSS文件、javascript文件、material design图标和Roboto字体。

Materialize

这个项目本身是开源的,你可以在Github上找到它。

Material UI

Material UI是一个CSS框架,它使用React组件来实现material design。虽然这个框架非常的稳定,但是如果你不喜欢Facebook的React,你可能不会选择它。如果你初次接触React,你会觉得它的JSX(javacsript和XML)语法非常的怪异。

Material UI

Material UI框架提供了非常详细的文档使你可以设置框架和使用npm(Node Package Manager)来安装React。你可以在这里查看它的文档:repository of Material UI

MUI CSS框架

MUI CSS Framework是一个轻量级的框架,它为前端开发者提供类似Bootstrap的解决方案。MUI CSS比其它的一些同类框架的运行速度要快一些,官网上建议在一些小项目上使用它。我们这里关注的是它的material design风格。

MUI CSS框架

如果你对这个项目感兴趣,可以在Github查看这个项目

Polymer

谷歌的Polymer项目主张在WEB项目中使用WEB组件,同时他们也给出了自己的Material Design组件。

Polymer

Polymer为WEB项目的布局提供了一些核心元素,并提供创建工具条,应用程序栏,tabs和侧边栏等material design的指南。

小结

你可能已经希望在你的下一个项目中使用Material Design UI,我们建议使用Materialize,这个框架类似于Bootstrap,元素可以通过CSS来定制。

你也可能比较熟悉Angular,非常喜欢Angular的动画。如果是这样,你可以使用Angular Material

Material Design在前端UI设计中是非常有潜力的设计方案。所以,如果你在准备制作一个新的网站,那么开始选择一种你喜欢的Material Design框架吧!

本文版权属于jQuery之家,出处:http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201505151842.html
posted on 2015-05-21 19:43  boonya  阅读(4415)  评论(1编辑  收藏  举报

我有佳人隔窗而居,今有伊人明月之畔。
轻歌柔情冰壶之浣,涓涓清流梦入云端。
美人如娇温雅悠婉,目遇赏阅适而自欣。
百草层叠疏而有致,此情此思怀彼佳人。
念所思之唯心叩之,踽踽彳亍寤寐思之。
行云如风逝而复归,佳人一去莫知可回?
深闺冷瘦独自徘徊,处处明灯影还如只。
推窗见月疑是归人,阑珊灯火托手思忖。
庐居闲客而好品茗,斟茶徐徐漫漫生烟。

我有佳人在水之畔,瓮载渔舟浣纱归还。
明月相照月色还低,浅近芦苇深深如钿。
庐山秋月如美人衣,画堂春阁香气靡靡。
秋意幽笃残粉摇曳,轻轻如诉画中蝴蝶。
泾水潺潺取尔浇园,暮色黄昏如沐佳人。
青丝撩弄长裙翩翩,彩蝶飞舞执子手腕。
香带丝缕缓缓在肩,柔美体肤寸寸爱怜。
如水之殇美玉成欢,我有佳人清新如兰。
伊人在水我在一边,远远相望不可亵玩。