1.
MATERIALDESIGN&
ANDROIDM PREVIEW
- Vidyasagar MSC

2.
AboutME
• Coder by Profession | Gamer by Heart |
Polyglot & Pragmatic Programmer

3.
AVisualLanguage

4.
o Synthesizing classicprinciples of good design
Goals
Follow
… Unified experience across platforms

5.
Principles

6.
MaterialisaMetaphor
Inspired by the
study of paper
and ink

7.
Bold,Graphic,Intentional
The foundational
elements of print-based
design—typography,
grids, space, scale, color,
and use of imagery—
guide visual treatments.

8.
MotionProvidesMeaning
Motion respects
and reinforces
the user as the
prime mover

9.
Environment

10.
3Dworld

11.
Light&Shadow
Combined shadow
from key and
ambient lights

12.
Elevation

13.
Responsive
Interaction

14.
o From somewhere, to somewhere
MeaningfulTransitionsSo,
… is a clearer way to show the user “what is going on”.

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.
b. ICONOGRAPHY
STYLE
PERPENDICULAR
Bold &
Geometric
ROUNDED ICONS
Consistency

17.
c. IMAGERY
STYLE
PERPENDICULAR
PHOTOGRAPHIC
+
NO TO STOCK
DON’TDO

18.
d. TYPOGRAPHY
STYLE
The all New
ROBOTO
RROBOTO
OLD NEW

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.
AsaDeveloper
@android:style/Theme.Material (dark theme)
@android:style/Theme.Material.Light (light theme)
@android:style/Theme.Material.Light.DarkActionBar

21.
AsaDeveloper

22.
AddBranding
android:colorPrimary –
Your app’s branding color
android:colorPrimaryDark
– Darker variant of
colorPrimary, used by
default for status bar
android:colorAccent –
Accent color for UI
controls

23.
Lists&Cards

24.
Android M Preview Updates

25.
App Permissions

26.
Biometric Security

27.
Google Now on Tap

28.
Chrome Integration

29.
Thankyou!
@IAmVMac,06/2014