SlideShare a Scribd company logo
1 of 31
MATERIALDESIGN&
ANDROIDM PREVIEW
- Vidyasagar MSC
AboutME
• Coder by Profession | Gamer by Heart |
Polyglot & Pragmatic Programmer
AVisualLanguage
o Synthesizing classicprinciples of good design
Goals
Follow
… Unified experience across platforms
Principles
MaterialisaMetaphor
Inspired by the
study of paper
and ink
Bold,Graphic,Intentional
The foundational
elements of print-based
design—typography,
grids, space, scale, color,
and use of imagery—
guide visual treatments.
MotionProvidesMeaning
Motion respects
and reinforces
the user as the
prime mover
Environment
3Dworld
Light&Shadow
Combined shadow
from key and
ambient lights
Elevation
Responsive
Interaction
o From somewhere, to somewhere
MeaningfulTransitionsSo,
… is a clearer way to show the user “what is going on”.
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.
b. ICONOGRAPHY
STYLE
PERPENDICULAR
Bold &
Geometric
ROUNDED ICONS
Consistency
c. IMAGERY
STYLE
PERPENDICULAR
PHOTOGRAPHIC
+
NO TO STOCK
DON’TDO
d. TYPOGRAPHY
STYLE
The all New
ROBOTO
RROBOTO
OLD NEW
FloatingActionButton
o Is the most eye-attracting element on the screen.
o Should have the most frequently-used function in the current activity.
AsaDeveloper
@android:style/Theme.Material (dark theme)
@android:style/Theme.Material.Light (light theme)
@android:style/Theme.Material.Light.DarkActionBar
AsaDeveloper
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
Lists&Cards
Android M Preview Updates
App Permissions
Biometric Security
Google Now on Tap
Chrome Integration
Thankyou!
@IAmVMac,06/2014

More Related Content

What's hot

Google Map Presentation Final
Google Map Presentation FinalGoogle Map Presentation Final
Google Map Presentation FinalFrances O'Neill
 
Artistic styles in games 2
Artistic styles in games 2Artistic styles in games 2
Artistic styles in games 2davidsharples11
 
Imaging and Design for the Online Environment - Empowerment Technologies
Imaging and Design for the Online Environment - Empowerment TechnologiesImaging and Design for the Online Environment - Empowerment Technologies
Imaging and Design for the Online Environment - Empowerment TechnologiesMark Jhon Oxillo
 
FMP Proposal Form
FMP Proposal FormFMP Proposal Form
FMP Proposal FormSamDuxburyGDS
 

What's hot (6)

Google Map Presentation Final
Google Map Presentation FinalGoogle Map Presentation Final
Google Map Presentation Final
 
Artistic styles in games 2
Artistic styles in games 2Artistic styles in games 2
Artistic styles in games 2
 
Imaging and Design for the Online Environment - Empowerment Technologies
Imaging and Design for the Online Environment - Empowerment TechnologiesImaging and Design for the Online Environment - Empowerment Technologies
Imaging and Design for the Online Environment - Empowerment Technologies
 
Photoshop Overlays
Photoshop OverlaysPhotoshop Overlays
Photoshop Overlays
 
FMP Proposal Form
FMP Proposal FormFMP Proposal Form
FMP Proposal Form
 
What is matte painting? Where it is used?
What is matte painting? Where it is used?What is matte painting? Where it is used?
What is matte painting? Where it is used?
 

Similar to Android Material Design & Android M Preview Updates

3D Modeling Techniques : Types and Specific Applications
3D Modeling Techniques : Types and Specific Applications3D Modeling Techniques : Types and Specific Applications
3D Modeling Techniques : Types and Specific ApplicationsThePro3DStudio
 
Digital design
Digital designDigital design
Digital designSheetu Goel
 
What is Premier 3D Max Interior Designing.pptx
What is Premier 3D Max Interior Designing.pptxWhat is Premier 3D Max Interior Designing.pptx
What is Premier 3D Max Interior Designing.pptxAttitude Tally Academy
 
Advance Interior & Exterior Designer
Advance  Interior  &  Exterior  DesignerAdvance  Interior  &  Exterior  Designer
Advance Interior & Exterior Designerdeorarohini
 
Need for graphics design
Need for graphics designNeed for graphics design
Need for graphics designAnuradha Sajwan
 
Graphic Designing Course in Rohini | Graphic Designing Course in Pitampura
Graphic Designing Course in Rohini | Graphic Designing Course in PitampuraGraphic Designing Course in Rohini | Graphic Designing Course in Pitampura
Graphic Designing Course in Rohini | Graphic Designing Course in Pitampurakhushboo4894
 
Isaac presentation
Isaac presentationIsaac presentation
Isaac presentationigraphicsoffice
 
Introduction to Material Design
Introduction to Material DesignIntroduction to Material Design
Introduction to Material DesignMohammad Arman
 
Dtp
DtpDtp
DtpMPCI
 
Real-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USA
Real-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USAReal-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USA
Real-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USAInternational Map Industry Association
 
What is 3ds MAX Architecture?
What is 3ds MAX Architecture?What is 3ds MAX Architecture?
What is 3ds MAX Architecture?dhyanacademyengineer
 
Overview on Various Types of 3D Modeling Techniques
Overview on Various Types of 3D Modeling TechniquesOverview on Various Types of 3D Modeling Techniques
Overview on Various Types of 3D Modeling TechniquesThePro3DStudio
 
Introducting the art pipeline
Introducting the art pipelineIntroducting the art pipeline
Introducting the art pipelineDavid Edwards
 
Unit 67 3_d_animation
Unit 67 3_d_animationUnit 67 3_d_animation
Unit 67 3_d_animationDamionVize
 
User interface (UI) for mobile applications
User interface (UI) for mobile applicationsUser interface (UI) for mobile applications
User interface (UI) for mobile applicationsAashish Uppal
 
Gaming Process
Gaming ProcessGaming Process
Gaming ProcessSharad Mitra
 

Similar to Android Material Design & Android M Preview Updates (20)

3D Modeling Techniques : Types and Specific Applications
3D Modeling Techniques : Types and Specific Applications3D Modeling Techniques : Types and Specific Applications
3D Modeling Techniques : Types and Specific Applications
 
Digital design
Digital designDigital design
Digital design
 
What is Premier 3D Max Interior Designing.pptx
What is Premier 3D Max Interior Designing.pptxWhat is Premier 3D Max Interior Designing.pptx
What is Premier 3D Max Interior Designing.pptx
 
Advance Interior & Exterior Designer
Advance  Interior  &  Exterior  DesignerAdvance  Interior  &  Exterior  Designer
Advance Interior & Exterior Designer
 
Need for graphics design
Need for graphics designNeed for graphics design
Need for graphics design
 
Graphic Designing Course in Rohini | Graphic Designing Course in Pitampura
Graphic Designing Course in Rohini | Graphic Designing Course in PitampuraGraphic Designing Course in Rohini | Graphic Designing Course in Pitampura
Graphic Designing Course in Rohini | Graphic Designing Course in Pitampura
 
Isaac presentation
Isaac presentationIsaac presentation
Isaac presentation
 
Introduction to Material Design
Introduction to Material DesignIntroduction to Material Design
Introduction to Material Design
 
3 d modelling
3 d modelling3 d modelling
3 d modelling
 
Dtp
DtpDtp
Dtp
 
Basics
BasicsBasics
Basics
 
Real-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USA
Real-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USAReal-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USA
Real-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USA
 
What is 3ds MAX Architecture?
What is 3ds MAX Architecture?What is 3ds MAX Architecture?
What is 3ds MAX Architecture?
 
Overview on Various Types of 3D Modeling Techniques
Overview on Various Types of 3D Modeling TechniquesOverview on Various Types of 3D Modeling Techniques
Overview on Various Types of 3D Modeling Techniques
 
Introducting the art pipeline
Introducting the art pipelineIntroducting the art pipeline
Introducting the art pipeline
 
Unit 67 3_d_animation
Unit 67 3_d_animationUnit 67 3_d_animation
Unit 67 3_d_animation
 
livingin3d
livingin3dlivingin3d
livingin3d
 
User interface (UI) for mobile applications
User interface (UI) for mobile applicationsUser interface (UI) for mobile applications
User interface (UI) for mobile applications
 
Graphics course fundamental
Graphics course fundamental Graphics course fundamental
Graphics course fundamental
 
Gaming Process
Gaming ProcessGaming Process
Gaming Process
 

More from Vidyasagar Machupalli

Being cloud native with IBM cloud
Being cloud native with IBM cloudBeing cloud native with IBM cloud
Being cloud native with IBM cloudVidyasagar Machupalli
 
Serverless + Machine Learning – Bringing the best of two worlds together
Serverless + Machine Learning – Bringing the best of two worlds togetherServerless + Machine Learning – Bringing the best of two worlds together
Serverless + Machine Learning – Bringing the best of two worlds togetherVidyasagar Machupalli
 
Mobile and Serverless : an Untold Story
Mobile and Serverless : an Untold StoryMobile and Serverless : an Untold Story
Mobile and Serverless : an Untold StoryVidyasagar Machupalli
 
Patterns for Mobile and IoT backends with serverless paradigms
Patterns for Mobile and IoT backends with serverless paradigmsPatterns for Mobile and IoT backends with serverless paradigms
Patterns for Mobile and IoT backends with serverless paradigmsVidyasagar Machupalli
 
Building Enterprise enabled Cognitive Mobile application for a Hybrid Cloud E...
Building Enterprise enabled Cognitive Mobile application for a Hybrid Cloud E...Building Enterprise enabled Cognitive Mobile application for a Hybrid Cloud E...
Building Enterprise enabled Cognitive Mobile application for a Hybrid Cloud E...Vidyasagar Machupalli
 
Stock portfolio analysis with Cloud Foundry and AI services - Cloud Foundry Days
Stock portfolio analysis with Cloud Foundry and AI services - Cloud Foundry DaysStock portfolio analysis with Cloud Foundry and AI services - Cloud Foundry Days
Stock portfolio analysis with Cloud Foundry and AI services - Cloud Foundry DaysVidyasagar Machupalli
 
Go Cloud Native with IBM Bluemix Developer Console - GIDS17
Go Cloud Native with IBM Bluemix Developer Console - GIDS17Go Cloud Native with IBM Bluemix Developer Console - GIDS17
Go Cloud Native with IBM Bluemix Developer Console - GIDS17Vidyasagar Machupalli
 
Microservices and Serverless Computing - OpenWhisk
Microservices and Serverless Computing - OpenWhiskMicroservices and Serverless Computing - OpenWhisk
Microservices and Serverless Computing - OpenWhiskVidyasagar Machupalli
 
Create Your Own Voice Assistant Using Watson and IBM Bluemix
Create Your Own Voice Assistant Using Watson and IBM BluemixCreate Your Own Voice Assistant Using Watson and IBM Bluemix
Create Your Own Voice Assistant Using Watson and IBM BluemixVidyasagar Machupalli
 
Create Event-Driven iOS Apps Using IBM Mobile Foundation, OpenWhisk Runtime a...
Create Event-Driven iOS Apps Using IBM Mobile Foundation, OpenWhisk Runtime a...Create Event-Driven iOS Apps Using IBM Mobile Foundation, OpenWhisk Runtime a...
Create Event-Driven iOS Apps Using IBM Mobile Foundation, OpenWhisk Runtime a...Vidyasagar Machupalli
 
SWIFTly, Go Cloud!! - Swift@IBM
SWIFTly, Go Cloud!! - Swift@IBMSWIFTly, Go Cloud!! - Swift@IBM
SWIFTly, Go Cloud!! - Swift@IBMVidyasagar Machupalli
 
Build,Run and manage MobileFirst apps with Eclipse
Build,Run and manage MobileFirst apps with EclipseBuild,Run and manage MobileFirst apps with Eclipse
Build,Run and manage MobileFirst apps with EclipseVidyasagar Machupalli
 
IBM MobileFirst Platform for iOS Swift Developers
IBM MobileFirst Platform for iOS Swift DevelopersIBM MobileFirst Platform for iOS Swift Developers
IBM MobileFirst Platform for iOS Swift DevelopersVidyasagar Machupalli
 
Intro to Gaming- MonoGame/CocosSharp/UrhoSharp
Intro to Gaming- MonoGame/CocosSharp/UrhoSharpIntro to Gaming- MonoGame/CocosSharp/UrhoSharp
Intro to Gaming- MonoGame/CocosSharp/UrhoSharpVidyasagar Machupalli
 
Build Once and port your game to multiple platforms including UWP
Build Once and port your game to multiple platforms including UWPBuild Once and port your game to multiple platforms including UWP
Build Once and port your game to multiple platforms including UWPVidyasagar Machupalli
 

More from Vidyasagar Machupalli (20)

Being cloud native with IBM cloud
Being cloud native with IBM cloudBeing cloud native with IBM cloud
Being cloud native with IBM cloud
 
Serverless + Machine Learning – Bringing the best of two worlds together
Serverless + Machine Learning – Bringing the best of two worlds togetherServerless + Machine Learning – Bringing the best of two worlds together
Serverless + Machine Learning – Bringing the best of two worlds together
 
Mobile and Serverless : an Untold Story
Mobile and Serverless : an Untold StoryMobile and Serverless : an Untold Story
Mobile and Serverless : an Untold Story
 
Patterns for Mobile and IoT backends with serverless paradigms
Patterns for Mobile and IoT backends with serverless paradigmsPatterns for Mobile and IoT backends with serverless paradigms
Patterns for Mobile and IoT backends with serverless paradigms
 
Building Enterprise enabled Cognitive Mobile application for a Hybrid Cloud E...
Building Enterprise enabled Cognitive Mobile application for a Hybrid Cloud E...Building Enterprise enabled Cognitive Mobile application for a Hybrid Cloud E...
Building Enterprise enabled Cognitive Mobile application for a Hybrid Cloud E...
 
Stock portfolio analysis with Cloud Foundry and AI services - Cloud Foundry Days
Stock portfolio analysis with Cloud Foundry and AI services - Cloud Foundry DaysStock portfolio analysis with Cloud Foundry and AI services - Cloud Foundry Days
Stock portfolio analysis with Cloud Foundry and AI services - Cloud Foundry Days
 
Go Cloud Native with IBM Bluemix Developer Console - GIDS17
Go Cloud Native with IBM Bluemix Developer Console - GIDS17Go Cloud Native with IBM Bluemix Developer Console - GIDS17
Go Cloud Native with IBM Bluemix Developer Console - GIDS17
 
Microservices and Serverless Computing - OpenWhisk
Microservices and Serverless Computing - OpenWhiskMicroservices and Serverless Computing - OpenWhisk
Microservices and Serverless Computing - OpenWhisk
 
Create Your Own Voice Assistant Using Watson and IBM Bluemix
Create Your Own Voice Assistant Using Watson and IBM BluemixCreate Your Own Voice Assistant Using Watson and IBM Bluemix
Create Your Own Voice Assistant Using Watson and IBM Bluemix
 
Create Event-Driven iOS Apps Using IBM Mobile Foundation, OpenWhisk Runtime a...
Create Event-Driven iOS Apps Using IBM Mobile Foundation, OpenWhisk Runtime a...Create Event-Driven iOS Apps Using IBM Mobile Foundation, OpenWhisk Runtime a...
Create Event-Driven iOS Apps Using IBM Mobile Foundation, OpenWhisk Runtime a...
 
Bringing swift to cloud
Bringing swift to cloudBringing swift to cloud
Bringing swift to cloud
 
SWIFTly, Go Cloud!! - Swift@IBM
SWIFTly, Go Cloud!! - Swift@IBMSWIFTly, Go Cloud!! - Swift@IBM
SWIFTly, Go Cloud!! - Swift@IBM
 
Build,Run and manage MobileFirst apps with Eclipse
Build,Run and manage MobileFirst apps with EclipseBuild,Run and manage MobileFirst apps with Eclipse
Build,Run and manage MobileFirst apps with Eclipse
 
IBM MobileFirst Platform for iOS Swift Developers
IBM MobileFirst Platform for iOS Swift DevelopersIBM MobileFirst Platform for iOS Swift Developers
IBM MobileFirst Platform for iOS Swift Developers
 
Kitura swift IBM
Kitura swift IBMKitura swift IBM
Kitura swift IBM
 
Swift on IBM Bluemix
Swift on IBM BluemixSwift on IBM Bluemix
Swift on IBM Bluemix
 
Intro to Gaming- MonoGame/CocosSharp/UrhoSharp
Intro to Gaming- MonoGame/CocosSharp/UrhoSharpIntro to Gaming- MonoGame/CocosSharp/UrhoSharp
Intro to Gaming- MonoGame/CocosSharp/UrhoSharp
 
Gaming in Csharp
Gaming in CsharpGaming in Csharp
Gaming in Csharp
 
Build Once and port your game to multiple platforms including UWP
Build Once and port your game to multiple platforms including UWPBuild Once and port your game to multiple platforms including UWP
Build Once and port your game to multiple platforms including UWP
 
Onion architecture
Onion architectureOnion architecture
Onion architecture
 

Android Material Design & Android M Preview Updates

Editor's Notes

  1. <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")]
  2. <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")]
  3. <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")]