Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Material Design

2 626 vues

Publié le

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

Publié dans : Technologie

Material Design

  1. 1. Material Design Moyinoluwa ADEYEMI October 10, 2015 Akure
  2. 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. 3. Material Design != Flat Design Introduction Material Design. What it is not.
  4. 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. 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. 6. Introduction PRINCIPLES Material is the metaphor Bold, graphic, intentional Motion provides meaning
  7. 7. Introduction POP QUIZ: Which principle is depicted here?
  8. 8. POP QUIZ: Which principle is depicted here?PRINCIPLES Material is the metaphor Introduction More about Material Getting started Credits
  9. 9. • Animation • Style • Layout • Components • Patterns • Usability More about Material
  10. 10. •Animation •Style •Layout •Components •Patterns •Usability PRINCIPLES Material is the metaphor Introduction More about Material Getting started Credits
  11. 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. 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. 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. 14. Getting Started Proto.io • http://proto.io/ Material Design Prototyping Tool
  15. 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. 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. 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. 18. Thank You! Moyinoluwa ADEYEMI LinkedIn - https://www.linkedin.com/in/moyinoluwa Twitter - www.twitter.com/moyheen materialup - www.materialup.com/moyheen

×