和早期的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一样,极具生命力,充满了无数的可能性。
如果你热爱Material Design,那么下面的内容不要错过:
认识 Material Design,从设计理念开始:
《MATERIAL DESIGN:构建软件的物质世界》想了解详情?看看来自极客学院的Material Design 中文化协作项目:
《Material Design 中文版》
原文地址:Designmodo
优设网翻译:@陈子木
本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱:2650232288@qq.com】
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量75万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI绘画创意与实战
已累计诞生 655 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓