9个目前流行的Material Design前端框架

2016-02-16 20:37 49 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的9个目前流行的Material Design前端框架,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - 平面设计 】

谷歌推出的Material Design风格已见有一些APP UI采用,视觉和交互体验都很棒,对于想尝试这个风格但又不懂实现一些效果的前端设计师们,可以试试今天分享的9个目前流行的Material Design前端框架。

这些前端框架的设计元素齐全,按钮、表单、布局及常用JS特效代码也有齐了,支持Responsive Design,还有的可以结合Bootstrap使用,相当不错,下面来看看介绍,并挑选一款你喜欢的Framework来制作你的新项目吧。

Materialize

Materialize 是一个响应式的前端框架,设计样式及组件元素丰富。

9个目前流行的Material Design前端框架,PS教程,图老师教程网

Material UI

(可能得搭梯子)

Material UI 和上面的框架差不多,另外值得一提就是它自带的响应式日期选择很棒哦。

9个目前流行的Material Design前端框架,PS教程,图老师教程网

MUI

MUI 是一个轻量级的Material Design框架,它的CSS和JS压缩版加起来不超过10KB,作者还提到可以用MUI的CSS来创建邮箱模板,支持流行的邮箱(如:Gmail,Apple Mail,Outlook等)

9个目前流行的Material Design前端框架,PS教程,图老师教程网

Daemonite

Daemonite,轻量级。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

9个目前流行的Material Design前端框架,PS教程,图老师教程网

LumX

(可能得搭梯子)

LumX 这个前端框架主要是使用了Angular JS,针对手机端有不错的体验,如果懂Angular JS的建议使用这个框架。

9个目前流行的Material Design前端框架,PS教程,图老师教程网

Framaterial

Framaterial 这个框架图老师小编体验的时候,有的JS效果在桌面端感觉有点卡顿,动画不够流畅,但总体还是不错,有很丰富的组件元素。

9个目前流行的Material Design前端框架,PS教程,图老师教程网

Material Framework

Material Framework 这个前端框架有2组风格,一个是默认白色以及暗色调,缺点就是组件元素目前还不够多。

9个目前流行的Material Design前端框架,PS教程,图老师教程网

Material Foundation

如果你懂得使用Foundation,那么这个前端框架可以选择了,直接为你的Foundation换肤。但组件还是有点少了。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

9个目前流行的Material Design前端框架,PS教程,图老师教程网

Material Design For Bootstrap

Material Design for Bootstrap 对于不想再去花时间了解新框架,并喜欢使用Bootstrap 的用户,那么你就用它吧。

9个目前流行的Material Design前端框架,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1573889.html

延伸阅读
在过去的三年里面,我一直带领着 Aviary 的Android设计师团队。非常荣幸我能为大家设计这款摄影APP,让大家能释放创造力,通过这款APP来拍摄出如此之多优质的照片。随着Google 推出Material Design 这种全新的设计语言,我们的产品设计团队也开始针对Photo Editor 进行重新设计。今天这篇文章,我会仔细分享我们重新设计它的故事,以及设计经验...
目前比较流行的前端框架有Bootstrap、Foundation,这两都有着常用的网页设计组件,并且兼容移动设备,深受大众喜爱,但如果你认为这两个框架的组件依然不够用的话,可尝试今天分享的Toolkit,它内置的UI组件更多、更强大,而且实用流行。 Tookit框架特点是使用扁平化设计,并带有很多新鲜的UI组件,配合CSS3动画,使很多组件交互效果变得很...
标签: 生活常识
目前流行的八种装饰风格 新中式风格:唐代、明清时期家居理念的精华,将其中的经典元素提炼并加以丰富。 温馨雅致风格:空间布局接近现代风格,而在具体的界面形式、配线方法上则接近新 古典。 现代简约风格 :相对简单的工艺和低廉的造价,强调材料的质感。 现代前卫风格:凸显自我、张扬个性,无常规的空间解构,大胆鲜明对比强烈的...
标签: Web开发
目前前端开发者使用JS框架是种很普遍的现象,因为框架可以加快开发速度,同时避免各类浏览器的兼容性问题。不过同样是用框架开发,不同开发者的境界水平还是有一定差距,本文将这些前端开发者分为三个等级。 第一种境界:了解各类框架、并熟悉甚至精通某种框架的使用,但并未看过框架代码、或者并不理解框架核心细节的实现,甚至不清楚框架的...
最近有这么一个说法:“减肥无罪,消瘦有理”,在日本瘦美眉似乎成了街头的一道风景线,大家都知道日本女人减肥是出了名的,日本虽然国家很小,但是那里可不乏很多美女哦!她们是如何保持自信迷人的身材呢?我想日本女人的减肥秘诀是值得我们去学习的。你想知道目前 日本流行的减肥方法 吗?看看下面吧。 秘密一:吃...

经验教程

662

收藏

66
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部