Downloaded 10 times
Uploaded byVidyasagar Machupalli
Android Material Design & Android M Preview Updates
This document provides an overview of Material Design and the Android M preview. It discusses the goals of Material Design including a unified experience across platforms. It outlines several principles of Material Design such as using motion to provide meaning and responding to user interactions. It also provides examples of style guidelines for color, iconography, imagery, and typography. Additionally, it covers several features from the Android M preview like app permissions, biometric security, Google Now on Tap and Chrome integration. The document is intended to introduce developers to Material Design and the updated features in the Android M software development kit preview.
More Related Content
Similar to Android Material Design & Android M Preview Updates
Android Material Design & Android M Preview Updates
- 1.
- 2. AboutME • Coder byProfession | Gamer by Heart | Polyglot & Pragmatic Programmer
- 3.
- 4. o Synthesizing classicprinciplesof good design Goals Follow … Unified experience across platforms
- 5.
- 6. MaterialisaMetaphor Inspired by the studyof paper and ink
- 7. Bold,Graphic,Intentional The foundational elements ofprint-based design—typography, grids, space, scale, color, and use of imagery— guide visual treatments.
- 8. MotionProvidesMeaning Motion respects and reinforces theuser as the prime mover
- 9.
- 10.
- 11. Light&Shadow Combined shadow from keyand ambient lights
- 12.
- 14.
- 15. o From somewhere,to somewhere MeaningfulTransitionsSo, … is a clearer way to show the user “what is going on”.
- 17. a. COLOR STYLE Bold colorstatements juxtaposed with muted environments Accent color are used for your primary action buttons as well as components such as switchers or sliders.
- 18. b. ICONOGRAPHY STYLE PERPENDICULAR Bold & Geometric ROUNDEDICONS Consistency
- 19. c. IMAGERY STYLE PERPENDICULAR PHOTOGRAPHIC + NO TOSTOCK DON’TDO
- 20. d. TYPOGRAPHY STYLE The allNew ROBOTO RROBOTO OLD NEW
- 21. FloatingActionButton o Is themost eye-attracting element on the screen. o Should have the most frequently-used function in the current activity.
- 22. AsaDeveloper @android:style/Theme.Material (dark theme) @android:style/Theme.Material.Light(light theme) @android:style/Theme.Material.Light.DarkActionBar
- 23.
- 24. AddBranding android:colorPrimary – Your app’sbranding color android:colorPrimaryDark – Darker variant of colorPrimary, used by default for status bar android:colorAccent – Accent color for UI controls
- 25.
- 26. Android M PreviewUpdates
- 27.
- 28.
- 29.
- 30.
- 31.
Editor's Notes
- #23 <resources> <style name="AppTheme" parent="android:Theme.Material"> <!--Customizations Here--> </style> </resources> To use this theme you simple need to add it to your AndroidManifest.xml under the application node: <application android:label="My Awesome App" android:theme="@style/AppTheme"> </application> Alternatively, you can set it on a specific Activity with the Theme attribute. [Activity (Label = "MaterialTheme", Theme = "@style/AppTheme")]
- #25 <resources> <style name="AppTheme" parent="android:Theme.Material"> <!--Customizations Here--> </style> </resources> To use this theme you simple need to add it to your AndroidManifest.xml under the application node: <application android:label="My Awesome App" android:theme="@style/AppTheme"> </application> Alternatively, you can set it on a specific Activity with the Theme attribute. [Activity (Label = "MaterialTheme", Theme = "@style/AppTheme")]
- #26 <resources> <style name="AppTheme" parent="android:Theme.Material"> <!--Customizations Here--> </style> </resources> To use this theme you simple need to add it to your AndroidManifest.xml under the application node: <application android:label="My Awesome App" android:theme="@style/AppTheme"> </application> Alternatively, you can set it on a specific Activity with the Theme attribute. [Activity (Label = "MaterialTheme", Theme = "@style/AppTheme")]