Design前端框架,Design风格的前端框架无偿下载

前端框架对于不懂设计的程序员来说,可以说是极好的素材,如果想开发一个项目但又找不到设计师帮忙设计,那么我们可以直接使用前端框架来完成,而且能省去很多前端JS的工作,比如今天这款,质量就特别高。

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

今天为大家分享一套新出的Material Design框架,谷歌的Magerial我想大家都听过,这是今年流行的设计趋势之一,其外观时尚、交互友好,在不同设备浏览都有很好的表现。

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

图片 1

Materialize

小编下载下来研究了一下,当前的设计元素很丰富,常用的都有了,唯一缺点就是手机APP的UI设计元素太少,当然可以自己丰富它。

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

PS: 如果还不知道Material是什么,请查看Google Material介绍。

图片 2

该框架编写方式采用类似Bootstrap的class,比如栅格系统、表单元素,都有点像Bootstarp,这样对熟悉Bootstrap的用户可以直接上手了。

Material UI

下面我们一起看看这套Material Design框架的组件和样式元素介绍:

(可能得搭梯子)

卡片

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

多种不同样式的卡片设计。

图片 3

图片 4

MUI

图片 5

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

图片 6

图片 7

图片 8

Daemonite

折叠区域

Daemonite,轻量级。

图片 9

图片 10

弹窗 Modal

LumX

包含中间弹窗,左下角提示弹出等多个样式。

(可能得搭梯子)

图片 11

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

Tab选项卡

图片 12

图片 13

Framaterial

Tiles

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

图片 14

图片 15

按钮

Material Framework

图片 16

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

表单

图片 17

图片 18

Material Foundation

图标

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

图片 19

图片 20

日期选项

Material Design For Bootstrap

图片 21

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

页面

图片 22

图片 23

最后

总体来说自带的组件元素不算多,但用于小项目,估计可以接受,对于小型的网站来说已经足够了,喜欢尝试新鲜的用户可以用这个框架做一个Material Design风格的产品出来吧。

框架名称:Material下载地址:Github

本文由王中王生活幽默解玄机发布于谈婚论嫁,转载请注明出处:Design前端框架,Design风格的前端框架无偿下载

您可能还会对下面的文章感兴趣: