Material Design

This presentation gives an overview of Material design and lists resources to get you started.

Transcript

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.h tml On mobile…
13. Getting Started MaterialUp •http://www.materialup.com/ Material Design Style Apps for Android G+ community •https://plus.google.com/communities/108905768919281054 977 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/introdu ction.html • https://medium.com/@protoio/material-design-an-in-depth-lo ok-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