一组实用的MATERIAL DESIGN风格素材!

 

  和早期的Android Design的不一样,Material Design 不仅有着更为系统化的规范,也将“纸”的隐喻注入到UI设计的每个元素当中。它结合了最新的视觉设计和技术,力图创造出更加优质,面向未来的用户体验。除开官方提供的素材之外,今天我们在网络上找了一些第三方所制作的Material Design设计风格的资源,激发你的设计灵感。

  翻遍了Dribbble和CodePen之后,我们找到了不少炫酷的Material Design风格的设计作品。在探究新风格的过程中,有的设计师选择了制作Demo并且分享源文件,而有些则更加倾向于制作一些实用的素材并分享给大家使用,比如下方的按钮素材。

  Free After Effect Project File


  设计师Jelio Dimitrov使用AE制作的这段炫酷的动画,并且他在Dribbble上免费分享出了这段视频的AE文档。

  Material Design UI Buttons


  Material Design风格的CSS按钮,这是一个小而实用的库。

  Material Design Playground


  这是Eric Bidelman 在Github上的Git仓库,名为Material Design游乐场,其中包含了许多Material Design 风格的基础控件和元素供你学习。

  Material Design Buttons


  这是一组Material Design风格的按钮,有意思的地方在于触发点击事件的时候,背景色彩会发生改变。

  Google Material Design Hierarchical Timing


  Material Design中充满了动画,尤其是当你加入一个新的元素的时候,而这个分层时序的项目则并非来自Google,而是帮你在任何看其他的项目中用到Material Design中充满质感的动态加载效果的。

  Google Design Icon Template


  如果你正打算制作一个Material Design风格的图标,那么Dribbble设计师Grahm Macphee所制作的这个免费的图标模板会让你省去很多麻烦。

  Android L – Icon Grid System


  比起上面那个图标模板,这个图标栅格系统更强大,它是专门针对Android L而设计的。

  New Android L Interface


  如果你正在寻找Android L的PSD,那么不用继续找了,这就是你想要的。

  Material Design Checkboxes


  这是一个Material Design 复选框的代码片段,希望这个项目后期能加入更多其他的组件。

  Material Design Slideshow


  这个是VentureBeat的新闻编辑Harrison Weber所制作的Material Design 说明文档。如果你对Material Design有兴趣又不想逐行阅读官方的说明的话,这可能是你的菜。

  Material Design


  这是由在校学生Jovie Brett 制作的Material Design风格的动画,动画本身很好地把握了Material Design的精髓。

  Material Design Icon Templates


  又一款图标模板,配色和字体使用是亮点。

  Google’s Material Design Dashboard


  Sam Mearns 借助Material Design这一热点展示了他所参与的一个内部项目。

  WhatsApp – Material Design


  WhatsAPP经常被设计师拿出来“重新设计”,这次Material Design的风靡也导致它再次被设计师玩弄于股掌之间。看起来很有意思。

  System Icons – Material Design


  这是一组由Google制作的小图标合集,值得注意的是,这组图标并非是空心的。

  Action Button


  如果你正在想怎么做Material Design风格的菜单栏,那么这个应该是你的菜。

  Android L PSD Kit


  Rasmus Nielsen制作的Android L PSD Kit 还是非常赞的,干净利落,喜欢就下载吧~

  Prayers Times App


  Vincent Tantardini 所制作的这个应用是斋月报时应用。撇开功能设定不说,整体配色和细节设计非常到位,也符合Material Design的风格。

  结语

  坦率的讲,现在的Material Design还处于一个非常初级的阶段,素材不足,很多相关技术也处于发展阶段。但是,它和iOS一样,极具生命力,充满了无数的可能性。

分类:

  • PS入门教程
时间: 2016-08-11

一组实用的MATERIAL DESIGN风格素材!的相关文章

Facebook Messenger更新:部署Material Design风格

今年1月,有媒体指出Android端Facebook Messenger用户界面将会迎来重大调整.今天Facebook已经开始面向全球用户推送采用Material Design风格的Messenger应用程序,亮蓝色的顶部导航栏可在聊天.群和设置之间进行切换,底部右下角的圆形"+"号按钮能够创建新的对话.搜索和拨号等等. 尽管采用了全新的Material Design风格,但在新版本中并不包含用户需要额外学习的新功能或者特性.Facebook对应用细节进行了诸多优化,如果不加注意可能不

Android App仿QQ制作Material Design风格沉浸式状态栏_Android

一.概述近期注意到QQ新版使用了沉浸式状态栏,ok,先声明一下效果图: 恩,接下来正题. 首先只有大于等于4.4版本支持这个半透明状态栏的效果,但是4.4和5.0的显示效果有一定的差异,所有本文内容为: 1.如何实现半透明状态栏效果在大于4.4版本之上. 2.如何让4.4的效果与5.0的效果尽可能一致. 先贴下模拟器效果图,以便和实现过程中做下对比 4.4 模拟器 5.x 真机 二.实现半透明状态栏 因为本例使用了NavigationView,所以布局代码稍多,当然如果你不需要,可以自己进行筛减

基于Bootstrap实现Material Design风格表单插件 附源码下载_javascript技巧

Jquery Material Form Plugin是一款基于Bootstrap的Material Design风格的jQuery表单插件.该表单通过自定义样式和jQuery来将Bootstrap的表单修改为扁平风格的表单,并带有浮动标签特效. 在线预览         源码下载 使用方法 使用该Material Design风格表单需要在页面中引入jquery,bootstrap相关文件和materialFormStyles.css.materialForm.js文件. <link rel=

Chrome浏览器也开启Material Design风格

实际上并不是谷歌以前没有考虑过为Chrome赋予Material Design设计语言,而是这种设计还没有展示给一般大众.Chromium的bug tracker最近就有一项请求,暗示这种设计可能很快就会到来.虽然不能确定究竟哪个版本正式到来(或许是Chrome 50?). 那么究竟会怎么变呢?跟Android不同,Chrome的风格变化不会那么显著,毕竟Chrome是一款呈现内容,尽可能让人们忽略其存在性的浏览器产品. 上面的截图就展示了未来在Material Design设计的Chrome中

Android App仿QQ制作Material Design风格沉浸式状态栏

一.概述 近期注意到QQ新版使用了沉浸式状态栏,ok,先声明一下效果图: 恩,接下来正题. 首先只有大于等于4.4版本支持这个半透明状态栏的效果,但是4.4和5.0的显示效果有一定的差异,所有本文内容为: 1.如何实现半透明状态栏效果在大于4.4版本之上. 2.如何让4.4的效果与5.0的效果尽可能一致. 先贴下模拟器效果图,以便和实现过程中做下对比 4.4 模拟器 5.x 真机 二.实现半透明状态栏 因为本例使用了NavigationView,所以布局代码稍多,当然如果你不需要,可以自己进行筛

9个目前流行的MATERIAL DESIGN前端框架

  谷歌推出的Material Design 风格已见有一些APP UI采用,视觉和交互体验都很棒,对于想尝试这个风格但又不懂实现一些效果的前端设计师们,可以试试今天分享的9个目前流行的Material Design 前端框架 >>> 这些前端框架的设计元素齐全,按钮.表单.布局及常用JS特效代码也有齐了,支持Responsive Design,还有的可以结合Bootstrap使用,相当不错,下面来看看介绍,并挑选一款你喜欢的Framework来制作你的新项目吧. 个别网站得搭梯子访问

让你的 APP换上Material Design

转自  :http://www.jianshu.com/p/f22c0f50ac3f# 字数3293 阅读1357 评论15 喜欢60 Material Design 我的更多 android 博文,关注作者~每周更新一篇 Android干货博文http://xuyushi.github.io/archives/ 吐槽 作为一个 Android developer,没有什么比拿着 UI 设计的一堆 iOS 风格的设计 来做需求更恶心的了,基本所有空间都要照着 iOS 来画一遍,Material

Android5.0中Material Design的新特性_Android

 Material Design简介 Material Design是谷歌新的设计语言,谷歌希望寄由此来统一各种平台上的用户体验,Material Design的特点是干净的排版和简单的布局,以此来突出内容. Material Design对排版.材质.配色.光效.间距.文字大小.交互方式.动画轨迹都做出了建议,以帮助设计者设计出符合Material Design风格的应用. Material Design设计语言鼓励大家使用充满活力的鲜艳色彩,并在同一界面建议使用三种色调,并保障有一个强色调,

Material UI 0.18.3 发布,Material Design 实现框架

Material UI 是一组实现 Google Material Design 规范的 react 组件,是一个前端 JS 框架,主要用在 web 领域.Material UI 0.18.3 对组件进行了修复和改进: [DatePicker] Revert #7056 (3d841bd) [TextField] 修复 Safari 中禁用的输入颜色 (#7065) 文章转载自 开源中国社区 [http://www.oschina.net]