Google
— Material Design, UX / UI

Problem

After the initial successful launch of Material Design in 2014, it became evident with time and feedback, that a major update was needed to bring in more flexibility and choice to the Material guidelines. Too many apps and companies had come to look too similar across the Android ecosystem while using the initial Material Design guidance. Google products included. A new approach needed to answer the question of how to make a design system flexible enough to inspire and promote visual diversity while also providing structured rules and patterns to keep improving the user experience for millions.

Problem

After the initial successful launch of Material Design in 2014, it became evident with time and feedback, that a major update was needed to bring in more flexibility and choice to the Material guidelines. Too many apps and companies had come to look too similar across the Android ecosystem while using the initial Material Design guidance. Google products included. A new approach needed to answer the question of how to make a design system flexible enough to inspire and promote visual diversity while also providing structured rules and patterns to keep improving the user experience for millions.

Problem

After the initial successful launch of Material Design in 2014, it became evident with time and feedback, that a major update was needed to bring in more flexibility and choice to the Material guidelines. Too many apps and companies had come to look too similar across the Android ecosystem while using the initial Material Design guidance. Google products included. A new approach needed to answer the question of how to make a design system flexible enough to inspire and promote visual diversity while also providing structured rules and patterns to keep improving the user experience for millions.

Solution

By taking a rigorous look at the previous version of the Material Design Guidelines it became clear that there was a lot of opportunity to create a larger sandbox, still within Material Design, that allowed for the expression of a unique brand or visual identity. By introducing stylistic parameters for UI components, systematizing ways to apply new color themes, diversifying layout guidance and many other updates, the new guidance around Material Theming is much better to adapt to all brands as well as Google’s own. For more in depth information see the full guidelines at www.material.io

Solution

By taking a rigorous look at the previous version of the Material Design Guidelines it became clear that there was a lot of opportunity to create a larger sandbox, still within Material Design, that allowed for the expression of a unique brand or visual identity. By introducing stylistic parameters for UI components, systematizing ways to apply new color themes, diversifying layout guidance and many other updates, the new guidance around Material Theming is much better to adapt to all brands as well as Google’s own. For more in depth information see the full guidelines at www.material.io

Solution

By taking a rigorous look at the previous version of the Material Design Guidelines it became clear that there was a lot of opportunity to create a larger sandbox, still within Material Design, that allowed for the expression of a unique brand or visual identity. By introducing stylistic parameters for UI components, systematizing ways to apply new color themes, diversifying layout guidance and many other updates, the new guidance around Material Theming is much better to adapt to all brands as well as Google’s own. For more in depth information see the full guidelines at www.material.io

Solution

By taking a rigorous look at the previous version of the Material Design Guidelines it became clear that there was a lot of opportunity to create a larger sandbox, still within Material Design, that allowed for the expression of a unique brand or visual identity. By introducing stylistic parameters for UI components, systematizing ways to apply new color themes, diversifying layout guidance and many other updates, the new guidance around Material Theming is much better to adapt to all brands as well as Google’s own. For more in depth information see the full guidelines at www.material.io

Our role

Our co-founder, Viktor lead the design team that developed the Material Design guidance from the first launch up until the last major update in 2018.

Our role

Our co-founder, Viktor lead the design team that developed the Material Design guidance from the first launch up until the last major update in 2018.

Our role

Our co-founder, Viktor lead the design team that developed the Material Design guidance from the first launch up until the last major update in 2018.

Grafikwerket_Material-Design-Hero

Material design for developers

Material Design has two target audiences. Developers out in the world that are looking for best in class guidance for how to design and build excellent user experiences and internal design and engineering teams at Google. This means that Material Design had to be both flexible and structured, inspirational and prescriptive.

The Material Theming addition to Material Design for developers provides more flexibility now in terms of visual expressiveness while still adhering to UX best practices.

Grafikwerket_Material-Design1
Grafikwerket_Material-Design2
Grafikwerket_Material-Design3

Material design for Google

Material Design for Google is essentially Google’s own version of Material Theming. These new design guidelines are followed and applied by every product team at Google. By using Material Design we created a unique set of components, layout and color guidance solely made for Google.

It’s always the best way to lead by example and Material Design for Google was meant to show the world how to successfully make Material Design your own.

Materialdesign4@2x
Grafikwerket_Material-Design5
Grafikwerket_Material-Design6
Grafikwerket_Material-Design7

All case studies