20个针对Web设计和开发人员的 Material Design 资料

jopen 8年前

If you like material design and are looking for the resources then look no further. We have looked at a lot of resources and figured that 20 of them truly stand out. Here is the list.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

This template covers a number of application types, such as a chat application, clock and calendar, camera, and weather. The files are neatly organized and the template makes use of the lovely Roboto font.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

Sports applications are hot and this template is geared towards football, also known as soccer in some countries. It includes no less than seventeen screens, ranging from statistics to leaderboards. Even though the template adopts Google’s Material Design, you can easily repurpose it for other mobile platforms.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

This multipurpose template is a perfect fit if you are looking for a dark theme. It includes a number of application types, such as chat, photos, and camera. The components of the templates are vector-based so it shouldn’t be a problem to make modifications without compromising quality and crispness.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

Mistari is a Material Design template that includes most of the screens you need for a modern mobile application, including calendar, weather, profile, and sign in/up. It’s easy to change the primary colors of the template to fit your project’s needs.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

Rocket News focuses on news and magazine applications. The item includes most of the screens you’ll need to build the foundation of a news or magazine application for Android.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

This gorgeous Android template contains a massive 72 Photoshop files and includes three color styles. It is well organized and easy to customize. The template features a range of application types and a large number of controls, components, and interfaces. If you are looking for a template for inspiration, then this is certainly one to consider.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

This set of Material Design components fits nicely in your next mobile or web project. The item includes buttons, sliders, checkboxes, menus, text fields, and even a video player.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

This item intensely focuses on navigation, both for mobile and web. It uses flat design in combination with simple icons, menus, and button styles. It looks modern, clean, and ready to drop in your next mobile or web project.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

This pricing table includes three designs. You can use it for mobile, web, or even for a paper brochure.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

One of the strengths of Material Design is its versatility. Google’s Material Design team went to great lengths to ensure Material Design fits any context. This item includes a template for ebooks and, unsurprisingly, it looks and feels great. The item includes ten different pages, .indd and .idml files, you can use for your next ebook.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

Don’t be thrown off by the title of this item. This item include a gorgeous template for a calendar. It is detailed and beautifully adopts the Material Design guidelines. It can be used for mobile or web, depending on your project’s needs.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

I don’t know about you, but I really like the Material Design wallpapers and backgrounds designers are creating. They are great for mobile, web, or as a desktop wallpaper.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

This item includes exactly what it says on the tin, ten beautiful Material Design backgrounds.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

If you can’t get enough of Material Design and want a few backgrounds, say 45, as a wallpaper for your computer, then this item is for you. The item includes a wide range of color combinations to fit everyone’s needs.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

Okay. This is one more set of Material Design backgrounds. The backgrounds included in this set are a bit more fancy. The item includes twelve backgrounds in various color combinations.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

I promise that this is the last set of Material Design backgrounds. If there’s one thing I really like about Material Design, it’s the color schemes and how Material Design plays with shadows and offsets.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

If your application adopts Google’s Material Design guidelines, then you’ll need icons that fit those guidelines. This item includes more than 700 icons you can use in your Material Design applications. Note that this set of icons can be used anywhere you like, native Android applications, web, desktop, etc.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

This item includes no less than 240 line icons, ready to be used in your next mobile project. The item includes vector files, but, if you’re in a hurry, it also includes PNG files you can just drop in your project. With 240 icons, virtually every commonly used icon is included.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

This icon pack includes 36 multipurpose Material Design icons for your next Android project. They are easy to edit so you can modify them to your project’s needs.

20 Material Design Resources for Web Designers and Developers – WebDesignFlip

Beautiful and compelling product shots of your application are a great way to feature your application. Screenshots aren’t always the best solution for this. With these device mockups, you can insert screenshots of your application to do them justice.

来自: http://www.webdesignflip.com/material-design-resources/