Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Google Material Design
Sultan Shalakhti
6 March 2015 twitter@sultan0254 1
Designed for
6 March 2015 twitter@sultan0254 2
A brief history of Android
From a design perspective
6 March 2015 twitter@sultan0254 3
Oct. 22,2008
T-Mobile G1 is launched
6 March 2015 twitter@sultan0254 4
Sep. 15,2009
Introduced density independent pixels
http://www.dubacreative.com/post/1107...
6 March 2015 twitter@sultan0254 5
Oct. 26,2009
The droids arrive
6 March 2015 twitter@sultan0254 6
Dec. 6,2010
Google acquires Matias Duarte
6 March 2015 twitter@sultan0254 7
Feb. 22,2011
Honeycomp (Android 3.0) showed us a glimpse of what
Android would soon look...
6 March 2015 twitter@sultan0254 8
Oct. 8,2011
#yoloholo
6 March 2015 twitter@sultan0254 9
July 9,2012
Jelly bean brings actions to notifications, Google Now
6 March 2015 twitter@sultan0254 10
Oct. 31,2013
Loosing the fat
6 March 2015 twitter@sultan0254 11
June 25,2014
Android L preview
6 March 2015 twitter@sultan0254 12
What is Material Design?
6 March 2015 twitter@sultan0254 13
+
● Universal platform design that functions across Android
Wear, Android TV, Android A...
6 March 2015 twitter@sultan0254 14
What is the difference in
Material Design?
6 March 2015 twitter@sultan0254 15
Inspired by paper
6 March 2015 twitter@sultan0254 16
The classic principles of
good design
6 March 2015 twitter@sultan0254 17
Animation, Responsive interaction,
Meaningful transitions, Delightful
details
6 March 2015 twitter@sultan0254 18
Style
6 March 2015 twitter@sultan0254 19
Color Palette
6 March 2015 twitter@sultan0254 20
UI color application
6 March 2015 twitter@sultan0254 21
Roboto and Noto Fonts
6 March 2015 twitter@sultan0254 22
Typographic scale & basic styles
6 March 2015 twitter@sultan0254 23
Color and Contrast
6 March 2015 twitter@sultan0254 24
Icons get more abstract
6 March 2015 twitter@sultan0254 25
Imagery
6 March 2015 twitter@sultan0254 26
Give more space to Image
6 March 2015 twitter@sultan0254 27
Stay away from stock
6 March 2015 twitter@sultan0254 28
Focus on main
6 March 2015 twitter@sultan0254 29
Responsive layout for all devices
6 March 2015 twitter@sultan0254 30
Metrics and Grids
6 March 2015 twitter@sultan0254 31
Clean Dialogs
6 March 2015 twitter@sultan0254 32
Card view
6 March 2015 twitter@sultan0254 33
www.google.com/design/s
pec/material-design
Don't miss
6 March 2015 twitter@sultan0254 34
Q&A
Ask me anytime, scan the bellow QR
www.dubacreative.com/ask
6 March 2015 twitter@sultan0254 35
That’s it Folks!
Sultan Shalakhti
Thank you 
Upcoming SlideShare
Loading in …5
×

Google Material desgin for AmmXdroid

689 views

Published on

This session we will introduce the elements and syntax of this language: structures, components, patterns and more. This session is created with developers in mind.

Published in: Design
  • Be the first to comment

Google Material desgin for AmmXdroid

  1. 1. Google Material Design Sultan Shalakhti 6 March 2015 twitter@sultan0254 1 Designed for
  2. 2. 6 March 2015 twitter@sultan0254 2 A brief history of Android From a design perspective
  3. 3. 6 March 2015 twitter@sultan0254 3 Oct. 22,2008 T-Mobile G1 is launched
  4. 4. 6 March 2015 twitter@sultan0254 4 Sep. 15,2009 Introduced density independent pixels http://www.dubacreative.com/post/110715811882/the- difference-between-px-dp-dip-idpi-mdpi
  5. 5. 6 March 2015 twitter@sultan0254 5 Oct. 26,2009 The droids arrive
  6. 6. 6 March 2015 twitter@sultan0254 6 Dec. 6,2010 Google acquires Matias Duarte
  7. 7. 6 March 2015 twitter@sultan0254 7 Feb. 22,2011 Honeycomp (Android 3.0) showed us a glimpse of what Android would soon look like
  8. 8. 6 March 2015 twitter@sultan0254 8 Oct. 8,2011 #yoloholo
  9. 9. 6 March 2015 twitter@sultan0254 9 July 9,2012 Jelly bean brings actions to notifications, Google Now
  10. 10. 6 March 2015 twitter@sultan0254 10 Oct. 31,2013 Loosing the fat
  11. 11. 6 March 2015 twitter@sultan0254 11 June 25,2014 Android L preview
  12. 12. 6 March 2015 twitter@sultan0254 12 What is Material Design?
  13. 13. 6 March 2015 twitter@sultan0254 13 + ● Universal platform design that functions across Android Wear, Android TV, Android Auto, and all of Google’s apps and services. ● Making the whole device feel unified. ● It’s all about everything animation, but flat at the same time. ● Elevation value to any UI surface to get 3D effects by virtual light sources and real time shadows
  14. 14. 6 March 2015 twitter@sultan0254 14 What is the difference in Material Design?
  15. 15. 6 March 2015 twitter@sultan0254 15 Inspired by paper
  16. 16. 6 March 2015 twitter@sultan0254 16 The classic principles of good design
  17. 17. 6 March 2015 twitter@sultan0254 17 Animation, Responsive interaction, Meaningful transitions, Delightful details
  18. 18. 6 March 2015 twitter@sultan0254 18 Style
  19. 19. 6 March 2015 twitter@sultan0254 19 Color Palette
  20. 20. 6 March 2015 twitter@sultan0254 20 UI color application
  21. 21. 6 March 2015 twitter@sultan0254 21 Roboto and Noto Fonts
  22. 22. 6 March 2015 twitter@sultan0254 22 Typographic scale & basic styles
  23. 23. 6 March 2015 twitter@sultan0254 23 Color and Contrast
  24. 24. 6 March 2015 twitter@sultan0254 24 Icons get more abstract
  25. 25. 6 March 2015 twitter@sultan0254 25 Imagery
  26. 26. 6 March 2015 twitter@sultan0254 26 Give more space to Image
  27. 27. 6 March 2015 twitter@sultan0254 27 Stay away from stock
  28. 28. 6 March 2015 twitter@sultan0254 28 Focus on main
  29. 29. 6 March 2015 twitter@sultan0254 29 Responsive layout for all devices
  30. 30. 6 March 2015 twitter@sultan0254 30 Metrics and Grids
  31. 31. 6 March 2015 twitter@sultan0254 31 Clean Dialogs
  32. 32. 6 March 2015 twitter@sultan0254 32 Card view
  33. 33. 6 March 2015 twitter@sultan0254 33 www.google.com/design/s pec/material-design Don't miss
  34. 34. 6 March 2015 twitter@sultan0254 34 Q&A Ask me anytime, scan the bellow QR www.dubacreative.com/ask
  35. 35. 6 March 2015 twitter@sultan0254 35 That’s it Folks! Sultan Shalakhti Thank you 

×