31
MATERIAL DESIGN & ANDROID M PREVIEW - Vidyasagar MSC

Android Material Design & Android M Preview Updates

Embed Size (px)

Citation preview

  1. 1. MATERIALDESIGN& ANDROIDM PREVIEW - Vidyasagar MSC
  2. 2. AboutME Coder by Profession | Gamer by Heart | Polyglot & Pragmatic Programmer
  3. 3. AVisualLanguage
  4. 4. o Synthesizing classicprinciples of good design Goals Follow Unified experience across platforms
  5. 5. Principles
  6. 6. MaterialisaMetaphor Inspired by the study of paper and ink
  7. 7. Bold,Graphic,Intentional The foundational elements of print-based designtypography, grids, space, scale, color, and use of imagery guide visual treatments.
  8. 8. MotionProvidesMeaning Motion respects and reinforces the user as the prime mover
  9. 9. Environment
  10. 10. 3Dworld
  11. 11. Light&Shadow Combined shadow from key and ambient lights
  12. 12. Elevation
  13. 13. Responsive Interaction
  14. 14. o From somewhere, to somewhere MeaningfulTransitionsSo, is a clearer way to show the user what is going on.
  15. 15. a. COLOR STYLE Bold color statements juxtaposed with muted environments Accent color are used for your primary action buttons as well as components such as switchers or sliders.
  16. 16. b. ICONOGRAPHY STYLE PERPENDICULAR Bold & Geometric ROUNDED ICONS Consistency
  17. 17. c. IMAGERY STYLE PERPENDICULAR PHOTOGRAPHIC + NO TO STOCK DONTDO
  18. 18. d. TYPOGRAPHY STYLE The all New ROBOTO RROBOTO OLD NEW
  19. 19. FloatingActionButton o Is the most eye-attracting element on the screen. o Should have the most frequently-used function in the current activity.
  20. 20. AsaDeveloper @android:style/Theme.Material (dark theme) @android:style/Theme.Material.Light (light theme) @android:style/Theme.Material.Light.DarkActionBar
  21. 21. AsaDeveloper
  22. 22. AddBranding android:colorPrimary Your apps branding color android:colorPrimaryDark Darker variant of colorPrimary, used by default for status bar android:colorAccent Accent color for UI controls
  23. 23. Lists&Cards
  24. 24. Android M Preview Updates
  25. 25. App Permissions
  26. 26. Biometric Security
  27. 27. Google Now on Tap
  28. 28. Chrome Integration
  29. 29. Thankyou! @IAmVMac,06/2014