Web设计师们不可错过的20套Material设计资源
UI设计
lilu
11人收藏 4009次学习

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

谷歌公司推出的Material Design准则将用户界面设计概念提升到了新的高度,同时深入渗透到了Web与移动应用开发的整个流程当中。Material Design原则允许用户在各类面向台式机、笔记本、平板设备乃至移动手机的谷歌系统平台之上获得统一的浏览体验。此外,其在移动应用设计领域也起到了重要的指导作用。目前可资利用的用户界面设计工具及教程已经相当丰富,足以帮助大家了解如何利用Material Design机制打造属于自己的应用成果。Materialize等前端设计框架及其它类似工具也拥有极为旺盛的市场需求。简而言之,Material Design的出现已经使得UI设计成为整个用户体验设计及开发流程中独特而重要的一项组成部分。

 

Material Design提供多种新型方式,帮助大家通过引入新型UI元素及组件创建出美观的UI设计效果,具体包括动画、纵深/阴影效果、渐变、图标以及排版等等。如此强大的功能使得每位UI开发者都乐于在自己的项目当中运用Material Design。Material Design的能力还能够在CSS以及Bootstrap框架当中发挥作用。其中提供的各类模板、图标字体、部件、按钮以及其它元素亦可在其它多种平台上顺利起效。

因此,我们将在今天的文章中列举多种UI工具、UI模板以及其它基于Material Design原则的设计组件,而且所有项目皆提供免费下载。大家可以将它们引入到各类用途及场景当中,具体包括移动应用程序、网站、社交媒体应用乃至更多。好了,咱们闲言少叙,马上来看这份开发人员不容错过的20大Material Design资源清单。

Designtory

这是一套面向面向Web设计及仪表板项目的优秀Material Design UI工具集,其中副括了设计、模板、图标按钮、日历、可定制矢量图形以及字体样式等等。它支持视网膜高分辨率屏幕且立足于Photoshop CS6+。

下载地址

Sketch App Sources

这套Material Design UI工具集适用于Sketch文件,其主要作用是将Material Design风格引入Android Web以及移动开发工作。

下载地址

UI8

这是一套超酷的Material Design UI工作集,其中包含一整套支持视网膜屏幕的UI组件以及涵盖七种应用类型的现成模板。大家还能够在其中找到面向个人资料页、菜单乃至统计等场景的超过40种UI模板以及30多种图标元素。

下载地址

Ultralinx

这是一套现成可用且支持视网膜屏幕的Material Design UI工具集,且主要面向烹饪类应用。此套件包含12种应用程序类别、50套模板、图标以及超过100种其它UI元素。它同时提供注册流程、信息推送、个人资料以及导航等设计机制。此套件需要与Adobe CS6+以及Sketch配合使用。

下载地址

UI8

这是一套现成可用且支持视网膜屏幕的Material Design UI工具集,且主要面向烹饪类应用。此套件包含12种应用程序类别、50套模板、图标以及超过100种其它UI元素。它同时提供注册流程、信息推送、个人资料以及导航等设计机制。此套件需要与Adobe CS6+以及Sketch配合使用。

下载地址

PSDBoom

这是一套面向网站及移动应用程序开发的完整Material Design UI工具集。此工具集当中包含大量可重复使用的UI元素及模板,具体包括音乐播放器、导航菜单以及相关图形等等。

下载地址

L Bootstrap

L Bootstrap是一款以Android Lollipop样式为基础,包含一系列Bootstrap 3.2 UI元素及组件的UI工具集。此工具集提供28个完整的布局PSD文件、按钮下拉菜单、提醒、按钮以及痕迹导航等等。

下载地址

UXPin

这是一套Android Lollipop UI设计工具集,其中包含面向各类应用程序类别的45种UI元素,例如键盘、主要设置以及个人资料等等。此工具集适用于Sketch、Photoshop以及UXPin。大家需要访问其网页并输入自己的电子邮箱地址,在按照提示进行操作后,该免费UI工具集将被发送到各位的邮箱当中。

下载地址

Android Lollipop GUI Kit

这是一套面向面向Android Lollipop的GUI工具集,其中提供了实现Material Design所必需的一切强大功能与设计特性。此工具集具备的功能包括独立呼叫响应屏幕、收件箱屏幕、通知屏幕以及启动画面等等。

下载地址

Instagram Material Design

这套UI工具集所提供的模板及元素能够帮助大家创建出一款符合Material Design风格要求的Instagram应用。此应用将包含各项Material Design功能,例如导航图标、导航抽屉、相机按钮以及个人资料页等等。

下载地址

Twitter Profile using Material Design

这套UI工具集允许大家利用Material Design功能在Android平台上开发出面向Twitter的用户资料应用。

下载地址

Android Lollipop Date and Time Pickers

这套工具集主要以Material Design原则为基础提供面向时间与日期选择器的UI元素。值得一提的是,其专门针对谷歌Nexus 5进行了优化。

下载地址

 

Material Design Audio Player

这套UI工具集旨在利用Material Design风格设计音频播放器界面。

下载地址

Material Design Backgrounds

其中包含30套Material Design背景素材,包括高分辨率PNG以及Illustrator文件。

下载地址

Pillows

这套Material Design UI工具集中包含超过30种UI元素及模块。大家可以从中找到用于登录页面、日历以及模态窗口等部件。在它的帮助下,我们能够根据最新UI设计趋势对网站的外观及使用感受进行设计。

下载地址

Material Design Widgets

这套Material Design UI工具集中了一系列功能部件,包括音乐播放器、日程表、视频播放器以及天气情况显示部件等。

下载地址

Material Design Icons

这套Material Design资源集中包含超过1000款图形,且分为20多个具体类别。此资源集还提供7000多个按七类分辨率进行划分的PNG文件。它的图形分类包括交通、餐饮、天气、情感、购物以及艺术等。

下载地址

Android Lollipop Icon Pack

Here is a complete set of icons for Android Lollipop covering all the major categories. You can avail a free download deal once you have registered your e-mail address with them. This one will prove to be of great interest for icon designers.

下载地址

Blogger Template

这是一套免费博客主题方案,且基于最新Material Design特性及原则。其名为“The Linck”的模板提供强大的支持能力,具体包括动态视图、多色彩选项以及各类表单设计。

下载地址

Sports News Website Template

这套网站模板基于Material Design特性,主要用于设计体育新闻类网站。

下载地址

总结陈词:

就目前来看,可供我们选择的、用于创建特定网站及移动应用程序的配套用户界面的Material Design资源已经相当丰富。此类用户界面工具集中往往包含一系列实用性UI元素,例如模板、图标、字体、功能部件以及色彩模式等等。在上面这份清单中,我们还看到了一部分面向独立应用程序的UI工具,包括音乐播放器以及博客平台等。如果大家在实际工作中也积累到了出色的设计资源,请别藏私,在评论栏中与更多朋友分享吧。不过请注意,要符合Material Design风格才算数哦。

加入1KE学习俱乐部

1KE学习俱乐部是只针对1KE学员开放的私人俱乐部