Material Design review
If you aren’t quite sure what Material Design is, here’s a quick primer: it’s a Google-spawned concept with that specifically explains how apps for Android should look and how the user interface should work. It defines rules for animation, style, layout, components, patterns and usability. The specifications go as far as defining color palettes and typography options. And while all of these elements contribute to a highly usable and visually pleasing design, the result is a collection of designs with a common aesthetic.
Material Design Lite
The singular language is moving from mobile-first design thinking to all-device design thinking. Google unveiled Material Design Lite earlier this year as a streamlined version of the aesthetic for all websites.
Follow the rules for a “tight” design pattern
Material Design works because it is based on a pretty tight set of rules and usability patterns. It does some pretty great things for design — the guidelines for animation are especially important to understand because they are rooted in the physical world. The rules do come with plenty of constraints though and what is happening so far is that most applications using Material Design look like they may have come from the same box. These tight patterns were developed in part to help users understand how to interact with smaller devices. Material Design evolved from flat design, where not all user interface elements had clearly defined roles in the scope of the design. Material Design sought to remedy some of those issues.

Common UI elements and design divots
Here’s the quick answer to the question above: it’s all in the details. Common user interface elements, icons, color schemes, and typographic choices are killing aesthetic opportunity on the web. But it does not have to be that way. You can design using material concepts without replicating elements from the documentation or downloading the latest UI kit.
But wait… you don't have to follow the trend
Before you freak out, there are plenty of ways to use Material Design that won’t get you labeled as a “lazy designer”. Here’s the trick: adhere to the concepts, but break some of the rules. Not quite sure what that means? Here are a few suggestions:- Go beyond the color palette. Instead of a bright, super saturated color palette, go deeper into the colors and play with pastels and darker shades.
- Design icons and user interface elements that follow the basic guidelines for design — such as containing elements inside icons and usage for human characteristics — but aren’t from a prepackaged set.
- Don’t go 100 percent “material”. Use one aspect of it in your design concept. The rules for animation are exceptionally nice; follow those guidelines for how things move in the framework of your website; but design the rest as you would had you not been exposed to Material Design. Another great idea to “steal” from material is the use of cards, but don’t limit yourself to designing them in a wholly material space.
- Use some of the best guidelines from Material Design to help you get a better grasp on working with details in your design work. The icon section of the documentation is a good primer on using a grid to create icons that are consistent in their spacing. Apply those concepts to your overall aesthetic.
- Expand the typography palette. One of the things that “kills” design is too many things that look exactly alike. Match typefaces to your design, and don’t use something because a set of guidelines (unless they are from your brand) tell you to.
- Design as you would with any other trend. Material Design is a trend, not an end-all design solution. Mix and match the parts you like and use them just as you would with anything else. Some techniques will work seamlessly, while others may not be for your projects.
Conclusion
So, back to the main question: is Material Design killing the web? Quite simply, no. While overuse of this trend can lead to homogenous designs, the real problem is designing with a trend for trend’s sake and not thinking about the best tools and techniques for the project. So go ahead, use Material Design, just make sure to use it well.
Carrie Cousins
Carrie Cousins is a freelance writer with more than 10 years of experience in the communications industry, including writing for print and online publications, and design and editing. You can connect with Carrie on Twitter @carriecousins.
Read Next
24 Best Creative Portfolio Websites in 2023
For anyone working in a digital creative field, whether design, illustration, animation, video, or a combination of…
By Simon Sterne
15 Best New Fonts, September 2023
Nothing upgrades your designs like selecting the right font. It’s all too easy to fall into the trap of using the same…
By Ben Moss
Weekly Design News #1
Every Sunday we’re rounding up the best of the previous week’s stories from webdesignernews.com, and in this issue #1,…
By Louise North
The 20 Most Controversial Logos of All Time (Ranked)
When you hire graphic designers to create your company's logo, what do you expect? Professional designs, culturally…
By Robert Reeve
LimeWire AI Studio Generative Art App
If you’re looking for the most exciting way to launch a career in AI-generated art, then you’re in the right place.
By WDD Staff
20 Best New Websites, September 2023
Are you in need of design inspiration? Are you looking for the best websites designed in 2023 to pull ideas,…
The Dangers of Deceptive Design Patterns (And How to Avoid Them)
As web designers, our role in crafting user-friendly digital landscapes is critical. We are tasked with creating user…
By Louise North
10 Best Ecommerce WordPress Themes in 2023 [September update]
You plan to set up shop with an online store. You know there’ll be competition. And to compete with or beat that…
By WDD Staff
5 Marketing Tools Every Designer Needs
Yes, designers do need marketing tools. From freelance graphic designers who need to land more work to designers who…
Exciting New Tools For Designers, September 2023
At the end of another summer, we are all getting ready to knuckle down for some serious work in the fall. But we want…
Elon Musk calls LinkedIn ‘Cringe’—Announces Competitor
Elon Musk recently announced his intentions to create a direct competitor to LinkedIn. Musk’s grand plan is to make his…
Everything You Need to Know to Embrace the Y2K Design Trend
The turn of the millennium was a major cultural shift, and the Y2K aesthetic emerged as a visualization of what the…
By Simon Sterne