Google’s Material Design

I am going to share UI/UX design trends throughout this class and Google’s Material Design seems like a good place to start. While not inherently technical, design is very important for a user’s overall experience. Google has spent many years developing its design practices and feels that material design is a big leap for its products.

materialdesign_introduction

Google states that “We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science.” A major goal is to “Develop a single underlying system that allows for a unified experience across platforms and device sizes.” They really want to create a design ecosystem that extends beyond their own first-party products. They want all other developers to adopt these practices.

materialdesign_principles_metaphor

Material design is pleasing to the eyes, especially when talking about their animations. An animation should not look like it comes out of nowhere. There should be a track of motion like any moving object in the real world.

materialdesign_principles_motion

The real world is a major focus from Google. According to them, the use of actual tactile attributes allows for users to quickly understand what is happening because it is based off of things they have seen naturally. Light, surfaces, and movement are the key to conveying how objects move and interact in relation to each other.

materialdesign_goals_language

I encourage you to check out more information at: https://www.google.com/design/spec/material-design/introduction.html#

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s