material design ruby conf 2015

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

Upload: anjali-jaiswal

Post on 25-Jan-2017

226 views

Category:

Documents


2 download

TRANSCRIPT

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