超实用!Material Design风格的前端框架免费下载 - 优设网 - UISDC

超实用!Material Design风格的前端框架免费下载

2015/05/03 17842评论区

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/material-design-ui-frame

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里