1.
Material Design
Moyinoluwa ADEYEMI
October 10, 2015
Akure

2.
Introduction
A little about me...
Former GDG OAU/ WTM OAU Organizer
Current GDG Lagos Co-organizer
Computer Science Grad from OAU
Developer @SwiftaSystems
Long hair advocate
5k+ runner @Truppr
And yes, Ijebu geh 👌

3.
Material Design != Flat Design
Introduction
Material Design. What it is not.

4.
“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. This is material design.”
Introduction
GOALS

5.
“Create a visual language that synthesizes
classic principles of good design with the
innovation and possibility of technology and
science.”
GOALS
PRINCIPLES
Introduction

6.
Introduction
PRINCIPLES
Material is the metaphor Bold, graphic, intentional Motion provides meaning

7.
Introduction
POP QUIZ: Which principle is depicted here?

8.
POP QUIZ: Which principle is depicted here?PRINCIPLES
Material is the metaphor
Introduction
More about Material
Getting started
Credits

9.
• Animation
• Style
• Layout
• Components
• Patterns
• Usability
More about Material

10.
•Animation
•Style
•Layout
•Components
•Patterns
•Usability
PRINCIPLES
Material is the metaphor
Introduction
More about Material
Getting started
Credits

11.
Getting Started
Material Design Lite
• http://www.getmdl.io/
• https://medium.com/google-developers/introducing-material-
design-lite-3ce67098c031
Polymer
•https://www.polymer-
project.org/0.5/docs/elements/material.html
On the web…

12.
Getting Started
Android Design Support Library
• http://android-developers.blogspot.com.ng/2015/05/android-
design-support-library.html
• https://youtu.be/32i7ot0y78U
• https://developer.android.com/design/material/index.html
• https://developer.android.com/training/material/get-
started.html
On mobile…

13.
Getting Started
MaterialUp
• http://www.materialup.com/
Material Design Style Apps for Android G+
community
• https://plus.google.com/communities/10890576891928105
4977
Material Design Inspiration

14.
Getting Started
Proto.io
• http://proto.io/
Material Design Prototyping Tool

15.
On mobile…
PRINCIPLES
Material is the metaphor
Proto.io
• http://proto.io/
Material Design Prototyping Tool
Introduction
More about Material
Getting started
Credits

16.
This Material presentation template was created by Wiebe Dijkstra
CREDITS
Credits
Material design content was from:
• http://www.google.com/design/spec/material-
design/introduction.html
• https://medium.com/@protoio/material-design-an-in-depth-
look-d4f4055a5ecf
Animation was created by John Schlemmer

17.
This Material presentation template was created by Wiebe Dijkstra
CREDITS
Material design content was from:
• http://www.google.com/design/spec/material-
design/introduction.html
• https://medium.com/@protoio/material-design-an-in-depth-look-
d4f4055a5ecf
Animation was created by John Schlemmer
PRINCIPLES
Material is the metaphor
Introduction
More about Material
Getting started
Credits

18.
Thank You!
Moyinoluwa ADEYEMI
LinkedIn - https://www.linkedin.com/in/moyinoluwa
Twitter - www.twitter.com/moyheen
materialup - www.materialup.com/moyheen