18
Material Design in a Nutshell. - Anjali Jaiswal -@jais_anjali

Material Design ruby conf 2015

Embed Size (px)

Citation preview

Page 1: Material Design ruby conf 2015

Material Designin a Nutshell.

- Anjali Jaiswal-@jais_anjali

Page 2: Material Design ruby conf 2015

A Visual & Interactive Design Concept.

Page 3: Material Design ruby conf 2015

Principles of Material Design

Page 4: Material Design ruby conf 2015

1. Material is Metaphor.

Page 5: Material Design ruby conf 2015

So, What is Material?

• Material provides context in design.

• The surface and edge provides us visual cues.

• Material has some attributes.

Page 6: Material Design ruby conf 2015

Surfaces & Edges

Page 7: Material Design ruby conf 2015

2. Bold, graphic, intentional.

Page 8: Material Design ruby conf 2015

The foundational elements of print-based design:

1. Typography( Font Size, Font Family),

2. Grids(Structure),

3. Color.

Page 9: Material Design ruby conf 2015

Typography

Page 10: Material Design ruby conf 2015

Grid

Page 11: Material Design ruby conf 2015

Color

Page 12: Material Design ruby conf 2015

The Elements create Hierarchy,

Meaning & Focus.

Page 13: Material Design ruby conf 2015
Page 14: Material Design ruby conf 2015

When these elements are properly amalgamated....

Page 15: Material Design ruby conf 2015

3. Motion provides meaning.

Page 16: Material Design ruby conf 2015

Motion provides meaning

● Motion respects and reinforces the user as the prime mover.

Page 17: Material Design ruby conf 2015
Page 18: Material Design ruby conf 2015

Thank You.

- Anjali Jaiswal- @jais_anjali