material-design-ui-frame-1

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

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

Material Design 框架

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

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

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

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

卡片

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

Material Design

Material Design

Material Design

Material Design

折叠区域

Material Design

弹窗 Modal

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

Material Design

Tab选项卡

Material Design

Tiles

Material Design

按钮

Material Design

表单

Material Design

图标

Material Design

日期选项

Material Design

页面

Material Design

最后

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

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

【优设四月免费神器+资源下载人气榜】

Top 1:超级好用的免费切图神器!
《免费了!切图标记外挂神器ASSISTOR PS深入解读(上)》

Top 2:无代码做APP动效的最佳帮手!
《SKETCH神助攻!无代码做动效神器HYPE3入门教程》

Top 3:四月份的免费英文字体打包下载
《挑个任性!四月份高质量精选英文字体免费打包下载》

原文地址:shejidaren

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量94万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

点赞
收藏 4
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏