每位Web设计师不可错过的20套Material设计资源

每位Web设计师不可错过的20套Material设计资源谷歌公司推出的MaterialDesign准则将用户界面设计概念提升到了新的高度，同时深入渗透到了Web与移动应用开发的整个流程当中。MaterialDesign原则允许用户在各类面向台式机、笔记本、平板设备乃至移动手机的谷歌系统平台之上获得统一的浏览体验。此外，其在移动应用设计领域也起到了重要的指导作用。目前可资利用的用户界面设计工具及教程已经相当丰富，足以帮助大家了解如何利用MaterialDesign机制打造属于自己的应用成果。Materialize等前端设计框架及其它类似工具也拥有极为旺盛的市场需求。简而言之，MaterialDesign的出现已经使得UI设计成为整个用户体验设计及开发流程中独特而重要的一项组成部分。MaterialDesign提供多种新型方式，帮助大家通过引入新型UI元素及组件创建出美观的UI设计效果，具体包括动画、纵深/阴影效果、渐变、图标以及排版等等。如此强大的功能使得每位UI开发者都乐于在自己的项目当中运用MaterialDesign。MaterialDesign的能力还能够在CSS以及Bootstrap框架当中发挥作用。其中提供的各类模板、图标字体、部件、按钮以及其它元素亦可在其它多种平台上顺利起效。因此，我们将在今天的文章中列举多种UI工具、UI模板以及其它基于MaterialDesign原则的设计组件，而且所有项目皆提供免费下载。大家可以将它们引入到各类用途及场景当中，具体包括移动应用程序、网站、社交媒体应用乃至更多。好了，咱们闲言少叙，马上来看这份开发人员不容错过的20大MaterialDesign资源清单。1)Designtory这是一套面向面向Web设计及仪表板项目的优秀MaterialDesignUI工具集，其中副括了设计、模板、图标按钮、日历、可定制矢量图形以及字体样式等等。它支持视网膜高分辨率屏幕且立足于PhotoshopCS6+。下载地址2)SketchAppSources这套MaterialDesignUI工具集适用于Sketch文件，其主要作用是将MaterialDesign风格引入AndroidWeb以及移动开发工作。下载地址3)UI8这是一套超酷的MaterialDesignUI工作集，其中包含一整套支持视网膜屏幕的UI组件以及涵盖七种应用类型的现成模板。大家还能够在其中找到面向个人资料页、菜单乃至统计等场景的超过40种UI模板以及30多种图标元素。下载地址4)UltralinxUltralinx以MaterialDesign指南为基础提供一套免费的UI工具集。这套工具集中包含可直接使用的UI模板与组件，例如天气部件、电子商务模板以及个人资料页等等。下载地址5)UI8这是一套现成可用且支持视网膜屏幕的MaterialDesignUI工具集，且主要面向烹饪类应用。此套件包含12种应用程序类别、50套模板、图标以及超过100种其它UI元素。它同时提供注册流程、信息推送、个人资料以及导航等设计机制。此套件需要与AdobeCS6+以及Sketch配合使用。下载地址6)PSDBoom这是一套面向网站及移动应用程序开发的完整MaterialDesignUI工具集。此工具集当中包含大量可重复使用的UI元素及模板，具体包括音乐播放器、导航菜单以及相关图形等等。下载地址7)LBootstrapLBootstrap是一款以AndroidLollipop样式为基础，包含一系列Bootstrap3.2UI元素及组件的UI工具集。此工具集提供28个完整的布局PSD文件、按钮下拉菜单、提醒、按钮以及痕迹导航等等。下载地址8)UXPin这是一套AndroidLollipopUI设计工具集，其中包含面向各类应用程序类别的45种UI元素，例如键盘、主要设置以及个人资料等等。此工具集适用于Sketch、Photoshop以及UXPin。大家需要访问其网页并输入自己的电子邮箱地址，在按照提示进行操作后，该免费UI工具集将被发送到各位的邮箱当中。9)AndroidLollipopGUIKit这是一套面向面向AndroidLollipop的GUI工具集，其中提供了实现MaterialDesign所必需的一切强大功能与设计特性。此工具集具备的功能包括独立呼叫响应屏幕、收件箱屏幕、通知屏幕以及启动画面等等。下载地址10)InstagramMaterialDesign这套UI工具集所提供的模板及元素能够帮助大家创建出一款符合MaterialDesign风格要求的Instagram应用。此应用将包含各项MaterialDesign功能，例如导航图标、导航抽屉、相机按钮以及个人资料页等等。下载地址11)TwitterProfileusingMaterialDesign这套UI工具集允许大家利用MaterialDesign功能在Android平台上开发出面向Twitter的用户资料应用。下载地址12)AndroidLollipopDateandTimePickers这套工具集主要以MaterialDesign原则为基础提供面向时间与日期选择器的UI元素。值得一提的是，其专门针对谷歌Nexus5进行了优化。下载地址13)MaterialDesignAudioPlayer这套UI工具集旨在利用MaterialDesign风格设计音频播放器界面。下载地址14)MaterialDesignBackgrounds其中包含30套MaterialDesign背景素材，包括高分辨率PNG以及Illustrator文件。下载地址15)Pillows这套MaterialDesignUI工具集中包含超过30种UI元素及模块。大家可以从中找到用于登录页面、日历以及模态窗口等部件。在它的帮助下，我们能够根据最新UI设计趋势对网站的外观及使用感受进行设计。下载地址16)MaterialDesignWidgets这套MaterialDesignUI工具集中了一系列功能部件，包括音乐播放器、日程表、视频播放器以及天气情况显示部件等。下载地址17)MaterialDesignIcons这套MaterialDesign资源集中包含超过1000款图形，且分为20多个具体类别。此资源集还提供7000多个按七类分辨率进行划分的PNG文件。它的图形分类包括交通、餐饮、天气、情感、购物以及艺术等。下载地址18)AndroidLollipopIconPackHereisacompletesetoficonsforAndroidLollipopcoveringallthemajorcategories.Youcanavailafreedownloaddealonceyouhaveregisteredyoure-mailaddresswiththem.Thisonewillprovetobeofgreatinterestforicondesigners.19)BloggerTemplate这是一套免费博客主题方案，且基于最新MaterialDesign特性及原则。其名为“TheLinck”的模板提供强大的支持能力，具体包括动态视图、多色彩选项以及各类表单设计。下载地址20)SportsNewsWebsiteTemplate这套网站模板基于MaterialDesign特性，主要用于设计体育新闻类网站。下载地址总结陈词:就目前来看，可供我们选择的、用于创建特定网站及移动应用程序的配套用户界面的MaterialDesign资源已经相当丰富。此类用户界面工具集中往往包含一系列实用性UI元素，例如模板、图标、字体、功能部件以及色彩模式等等。在上面这份清单中，我们还看到了一部分面向独立应用程序的UI工具，包括音乐播放器以及博客平台等。如果大家在实际工作中也积累到了出色的设计资源，请别藏私，在评论栏中与更多朋友分享吧。不过请注意，要符合MaterialDesign风格才算数哦。原文标题：20MaterialDesignResourcesforWebDesignersandDevelopers【编辑推荐】Web设计师应向肖像画家学习的11个经验每个Web设计师背后都有一群指点江山的神(20P)Web设计师必备:10款最佳免费CSS在线编辑器当Web设计师遭遇HTML5Web设计师能从游戏中学到些什么Web设计师分享设计成果的七大最佳站点