SlideShare uma empresa Scribd logo
1 de 20
GOOGLE MATERIAL
DESIGN
VISUAL LANGUAGE TECHNOLOGY BY GOOGLE
Kamal Ganwani
Content
 What is Google Material Design.
 When it was launched ?
 Purpose.
 What is Material Design ?
 Affects of Material Design.
 Uses of Material Design.
 Material Design Updates.
 Devices and Other Supports for Material
Design.
 Queries
What is Google Material Design
Google Material Design is the visual language
technology that uses the good design,
transitions and new innovative design
techniques to change the User Interface of a
Android Devices and Systems.
It uses the Touches, Voice, Cursor, Mobile and
Device Sizes, Notification, Views and
Shadows to show the unified User Experience
for the android system.
When It Was Launched
 It was launched with the Android L Developer
Preview on Google I/O event on june 25 2014.
 Material Design a feature for all android
Devices launched with Android L as a preview.
Purpose
 To create a Visual Arts by Visual Technology.
 To Enhance User Experience.
 To Make more Effective and interactive UI.
 To Help the User to make creative Interface.
 To make the Android Device more User
Oriented.
 User can make its own animation and
Interface in the device to make the user
experience more interactive and unified.
What is Material Design
 Material Design is the language which is
described visually.
 It includes :
 1) A new theme.
 2)New widgets for complex views.
 3)New APIs for custom shadows and
animations.
 Notification Design:
 This design works on the notification for
message and calls, Timestamps and other
notification provided with the custom
Affects Of Material Design
 User Interface Widgets has 2 views:
 1) List View: 2)Card View:

Affects Of Material Design
 Views and Shadows:
 It has the Z=0 for producing up a shadow.
 Z= elevation - TranslationZ
 1)Elevation is used for Animation.
 2)TranslationZ is used for Static Components.
 These properties can be used from a library
called
 1) ViewPropertyAnimator.z
 2) ViewPropertyAnimator.translationZ
Affects Of Material Design
 Animation:
 Animation in Material Design allows users to
add some custom animation and effects on
their android system, Developer can also add
new effects in library and modify the library:
 1) Touch feedback
2)Reveal effect
3)Activity transitions
4)Curved motion.
5)View state changes
Uses of Google Material Design
 New Visual Language.
 Able to Organise the System according to the
user.
 More Responsive Device.
 More Animation used to make system
interactive.
 More visually Advanced Android System.
 More responsive and generate effects on
runtime.
Material Design Updates
 Old Google Play store:
Material Design Updates
 Update of Google Play store with Material
Design:
Material Design Updates
 Update of Google play Store with Material
Design
Material Design Updates
 Different Transition in a single menu
Material Design Updates
 New and More Interactive Notification Bar.
Material Design Updates
 Different Button Effects/Transition .
Material Design Updates
 Different Transition and Layers in Material
Design.
Devices That Supports Material
Design
 There are only Some mobiles or devices that
supports Google Material Design:

1)LG Google Nexus 5.
2)Google Nexus 6 (to be launched by motorola).
3)Google Nexus 7 Tablet.
4)HTC one M8.
Queries
Thank You

Mais conteúdo relacionado

Mais procurados

Material design full topics_animation
Material design full topics_animationMaterial design full topics_animation
Material design full topics_animation
Anup Majumder
 
What is corel
What is corelWhat is corel
What is corel
poonam09
 
Mcdowellpatrick Finalproject
Mcdowellpatrick FinalprojectMcdowellpatrick Finalproject
Mcdowellpatrick Finalproject
PATRICKMCDOWELL
 

Mais procurados (20)

Material Design for Android
Material Design for AndroidMaterial Design for Android
Material Design for Android
 
Material design full topics_animation
Material design full topics_animationMaterial design full topics_animation
Material design full topics_animation
 
Material Design
Material Design Material Design
Material Design
 
Material Design on Android
Material Design on Android Material Design on Android
Material Design on Android
 
Material design
Material designMaterial design
Material design
 
Material Design Presentation
Material Design PresentationMaterial Design Presentation
Material Design Presentation
 
How Technology has changed the Architecture? (Mobile Apps Only)
How Technology has changed the Architecture?  (Mobile Apps Only) �How Technology has changed the Architecture?  (Mobile Apps Only) �
How Technology has changed the Architecture? (Mobile Apps Only)
 
Material Design in Android
Material Design in AndroidMaterial Design in Android
Material Design in Android
 
Material design
Material designMaterial design
Material design
 
blender animation software
 blender animation software  blender animation software
blender animation software
 
Modernizing the Look and Feel of the Unity Editor- Unite Copenhagen 2019
Modernizing the Look and Feel of the Unity Editor- Unite Copenhagen 2019Modernizing the Look and Feel of the Unity Editor- Unite Copenhagen 2019
Modernizing the Look and Feel of the Unity Editor- Unite Copenhagen 2019
 
portfolio
portfolioportfolio
portfolio
 
What is corel
What is corelWhat is corel
What is corel
 
Mcdowellpatrick Finalproject
Mcdowellpatrick FinalprojectMcdowellpatrick Finalproject
Mcdowellpatrick Finalproject
 
Graphics and Multimedia Software
Graphics and Multimedia SoftwareGraphics and Multimedia Software
Graphics and Multimedia Software
 
Iconography - The unsung hero
Iconography - The unsung heroIconography - The unsung hero
Iconography - The unsung hero
 
Design, Do You Speak It
Design, Do You Speak ItDesign, Do You Speak It
Design, Do You Speak It
 
Adobe XD
Adobe XD Adobe XD
Adobe XD
 
UiGathering Talk - Visual Design Opening Speech / by David Chen
UiGathering Talk - Visual Design Opening Speech / by David ChenUiGathering Talk - Visual Design Opening Speech / by David Chen
UiGathering Talk - Visual Design Opening Speech / by David Chen
 
Creative
CreativeCreative
Creative
 

Semelhante a Google Material Design

UI2code : A Neural Machine Translator to Bootstrap Mobile GUI Implementation
UI2code : A Neural Machine Translator to Bootstrap Mobile GUI ImplementationUI2code : A Neural Machine Translator to Bootstrap Mobile GUI Implementation
UI2code : A Neural Machine Translator to Bootstrap Mobile GUI Implementation
Chunyang Chen
 
Android training in cochin android training in kochi android training in kera...
Android training in cochin android training in kochi android training in kera...Android training in cochin android training in kochi android training in kera...
Android training in cochin android training in kochi android training in kera...
zybotechsolutions
 
Build Mobile Application In Android
Build Mobile Application In AndroidBuild Mobile Application In Android
Build Mobile Application In Android
dnnddane
 
Basic android development
Basic android developmentBasic android development
Basic android development
Upanya Singh
 
Basic android development
Basic android developmentBasic android development
Basic android development
Upanya Singh
 

Semelhante a Google Material Design (20)

Material design
Material designMaterial design
Material design
 
Material design Android L
Material design Android LMaterial design Android L
Material design Android L
 
hema ppt (2).pptx
hema ppt (2).pptxhema ppt (2).pptx
hema ppt (2).pptx
 
Project proposal.pdf
Project proposal.pdfProject proposal.pdf
Project proposal.pdf
 
UI2code : A Neural Machine Translator to Bootstrap Mobile GUI Implementation
UI2code : A Neural Machine Translator to Bootstrap Mobile GUI ImplementationUI2code : A Neural Machine Translator to Bootstrap Mobile GUI Implementation
UI2code : A Neural Machine Translator to Bootstrap Mobile GUI Implementation
 
Android L
Android LAndroid L
Android L
 
MAD ppt.ppt
MAD ppt.pptMAD ppt.ppt
MAD ppt.ppt
 
Android training in cochin android training in kochi android training in kera...
Android training in cochin android training in kochi android training in kera...Android training in cochin android training in kochi android training in kera...
Android training in cochin android training in kochi android training in kera...
 
9. Flutter 1 (Pengenalan Flutter).pptx
9. Flutter 1 (Pengenalan Flutter).pptx9. Flutter 1 (Pengenalan Flutter).pptx
9. Flutter 1 (Pengenalan Flutter).pptx
 
Build Mobile Application In Android
Build Mobile Application In AndroidBuild Mobile Application In Android
Build Mobile Application In Android
 
Android app development
Android app developmentAndroid app development
Android app development
 
Android architecture and Additional Components
Android architecture and Additional ComponentsAndroid architecture and Additional Components
Android architecture and Additional Components
 
Guide 101_ Material Design in Android App Development.pdf
Guide 101_ Material Design in Android App Development.pdfGuide 101_ Material Design in Android App Development.pdf
Guide 101_ Material Design in Android App Development.pdf
 
Introduction to Android Application Development with Flutter.pptx
Introduction to Android Application Development with Flutter.pptxIntroduction to Android Application Development with Flutter.pptx
Introduction to Android Application Development with Flutter.pptx
 
5 Best Prototyping Tools for Mobile Apps in 2023
5 Best Prototyping Tools for Mobile Apps in 20235 Best Prototyping Tools for Mobile Apps in 2023
5 Best Prototyping Tools for Mobile Apps in 2023
 
Android
AndroidAndroid
Android
 
Basic android development
Basic android developmentBasic android development
Basic android development
 
Basic android development
Basic android developmentBasic android development
Basic android development
 
Native mobile app development pros, cons, alternatives, and cost optimization
Native mobile app development pros, cons, alternatives, and cost optimizationNative mobile app development pros, cons, alternatives, and cost optimization
Native mobile app development pros, cons, alternatives, and cost optimization
 
STUDY OF AN APPLICATION DEVELOPMENT ENVIRONMENT BASED ON UNITY GAME ENGINE
STUDY OF AN APPLICATION DEVELOPMENT ENVIRONMENT BASED ON UNITY GAME ENGINESTUDY OF AN APPLICATION DEVELOPMENT ENVIRONMENT BASED ON UNITY GAME ENGINE
STUDY OF AN APPLICATION DEVELOPMENT ENVIRONMENT BASED ON UNITY GAME ENGINE
 

Último

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
ssuser89054b
 
DeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakesDeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakes
MayuraD1
 
Integrated Test Rig For HTFE-25 - Neometrix
Integrated Test Rig For HTFE-25 - NeometrixIntegrated Test Rig For HTFE-25 - Neometrix
Integrated Test Rig For HTFE-25 - Neometrix
Neometrix_Engineering_Pvt_Ltd
 
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills KuwaitKuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
jaanualu31
 
Standard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power PlayStandard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power Play
Epec Engineered Technologies
 

Último (20)

Online food ordering system project report.pdf
Online food ordering system project report.pdfOnline food ordering system project report.pdf
Online food ordering system project report.pdf
 
Thermal Engineering -unit - III & IV.ppt
Thermal Engineering -unit - III & IV.pptThermal Engineering -unit - III & IV.ppt
Thermal Engineering -unit - III & IV.ppt
 
Employee leave management system project.
Employee leave management system project.Employee leave management system project.
Employee leave management system project.
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 
Thermal Engineering Unit - I & II . ppt
Thermal Engineering  Unit - I & II . pptThermal Engineering  Unit - I & II . ppt
Thermal Engineering Unit - I & II . ppt
 
DeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakesDeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakes
 
Hostel management system project report..pdf
Hostel management system project report..pdfHostel management system project report..pdf
Hostel management system project report..pdf
 
Online electricity billing project report..pdf
Online electricity billing project report..pdfOnline electricity billing project report..pdf
Online electricity billing project report..pdf
 
Bridge Jacking Design Sample Calculation.pptx
Bridge Jacking Design Sample Calculation.pptxBridge Jacking Design Sample Calculation.pptx
Bridge Jacking Design Sample Calculation.pptx
 
Learn the concepts of Thermodynamics on Magic Marks
Learn the concepts of Thermodynamics on Magic MarksLearn the concepts of Thermodynamics on Magic Marks
Learn the concepts of Thermodynamics on Magic Marks
 
Navigating Complexity: The Role of Trusted Partners and VIAS3D in Dassault Sy...
Navigating Complexity: The Role of Trusted Partners and VIAS3D in Dassault Sy...Navigating Complexity: The Role of Trusted Partners and VIAS3D in Dassault Sy...
Navigating Complexity: The Role of Trusted Partners and VIAS3D in Dassault Sy...
 
Integrated Test Rig For HTFE-25 - Neometrix
Integrated Test Rig For HTFE-25 - NeometrixIntegrated Test Rig For HTFE-25 - Neometrix
Integrated Test Rig For HTFE-25 - Neometrix
 
DC MACHINE-Motoring and generation, Armature circuit equation
DC MACHINE-Motoring and generation, Armature circuit equationDC MACHINE-Motoring and generation, Armature circuit equation
DC MACHINE-Motoring and generation, Armature circuit equation
 
A CASE STUDY ON CERAMIC INDUSTRY OF BANGLADESH.pptx
A CASE STUDY ON CERAMIC INDUSTRY OF BANGLADESH.pptxA CASE STUDY ON CERAMIC INDUSTRY OF BANGLADESH.pptx
A CASE STUDY ON CERAMIC INDUSTRY OF BANGLADESH.pptx
 
Computer Networks Basics of Network Devices
Computer Networks  Basics of Network DevicesComputer Networks  Basics of Network Devices
Computer Networks Basics of Network Devices
 
HAND TOOLS USED AT ELECTRONICS WORK PRESENTED BY KOUSTAV SARKAR
HAND TOOLS USED AT ELECTRONICS WORK PRESENTED BY KOUSTAV SARKARHAND TOOLS USED AT ELECTRONICS WORK PRESENTED BY KOUSTAV SARKAR
HAND TOOLS USED AT ELECTRONICS WORK PRESENTED BY KOUSTAV SARKAR
 
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills KuwaitKuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
 
Standard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power PlayStandard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power Play
 
Unleashing the Power of the SORA AI lastest leap
Unleashing the Power of the SORA AI lastest leapUnleashing the Power of the SORA AI lastest leap
Unleashing the Power of the SORA AI lastest leap
 
AIRCANVAS[1].pdf mini project for btech students
AIRCANVAS[1].pdf mini project for btech studentsAIRCANVAS[1].pdf mini project for btech students
AIRCANVAS[1].pdf mini project for btech students
 

Google Material Design

  • 1. GOOGLE MATERIAL DESIGN VISUAL LANGUAGE TECHNOLOGY BY GOOGLE Kamal Ganwani
  • 2. Content  What is Google Material Design.  When it was launched ?  Purpose.  What is Material Design ?  Affects of Material Design.  Uses of Material Design.  Material Design Updates.  Devices and Other Supports for Material Design.  Queries
  • 3. What is Google Material Design Google Material Design is the visual language technology that uses the good design, transitions and new innovative design techniques to change the User Interface of a Android Devices and Systems. It uses the Touches, Voice, Cursor, Mobile and Device Sizes, Notification, Views and Shadows to show the unified User Experience for the android system.
  • 4. When It Was Launched  It was launched with the Android L Developer Preview on Google I/O event on june 25 2014.  Material Design a feature for all android Devices launched with Android L as a preview.
  • 5. Purpose  To create a Visual Arts by Visual Technology.  To Enhance User Experience.  To Make more Effective and interactive UI.  To Help the User to make creative Interface.  To make the Android Device more User Oriented.  User can make its own animation and Interface in the device to make the user experience more interactive and unified.
  • 6. What is Material Design  Material Design is the language which is described visually.  It includes :  1) A new theme.  2)New widgets for complex views.  3)New APIs for custom shadows and animations.  Notification Design:  This design works on the notification for message and calls, Timestamps and other notification provided with the custom
  • 7. Affects Of Material Design  User Interface Widgets has 2 views:  1) List View: 2)Card View: 
  • 8. Affects Of Material Design  Views and Shadows:  It has the Z=0 for producing up a shadow.  Z= elevation - TranslationZ  1)Elevation is used for Animation.  2)TranslationZ is used for Static Components.  These properties can be used from a library called  1) ViewPropertyAnimator.z  2) ViewPropertyAnimator.translationZ
  • 9. Affects Of Material Design  Animation:  Animation in Material Design allows users to add some custom animation and effects on their android system, Developer can also add new effects in library and modify the library:  1) Touch feedback 2)Reveal effect 3)Activity transitions 4)Curved motion. 5)View state changes
  • 10. Uses of Google Material Design  New Visual Language.  Able to Organise the System according to the user.  More Responsive Device.  More Animation used to make system interactive.  More visually Advanced Android System.  More responsive and generate effects on runtime.
  • 11. Material Design Updates  Old Google Play store:
  • 12. Material Design Updates  Update of Google Play store with Material Design:
  • 13. Material Design Updates  Update of Google play Store with Material Design
  • 14. Material Design Updates  Different Transition in a single menu
  • 15. Material Design Updates  New and More Interactive Notification Bar.
  • 16. Material Design Updates  Different Button Effects/Transition .
  • 17. Material Design Updates  Different Transition and Layers in Material Design.
  • 18. Devices That Supports Material Design  There are only Some mobiles or devices that supports Google Material Design:  1)LG Google Nexus 5. 2)Google Nexus 6 (to be launched by motorola). 3)Google Nexus 7 Tablet. 4)HTC one M8.

Notas do Editor

  1. 14