Download - Material design
![Page 1: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/1.jpg)
Ilya Lisovoy
![Page 2: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/2.jpg)
USEFUL LinksIntroduction to Material
Contents
Material for Android
Apps with material
![Page 3: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/3.jpg)
USEFUL Links
Visual language for our users that synthesizes the classic principles of good design with the innovation of technology.
This is material design.
![Page 4: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/4.jpg)
USEFUL Links
Goals
![Page 5: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/5.jpg)
USEFUL Links
Material is metaphor
Principles
Graphic Motion provides meaning
![Page 6: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/6.jpg)
USEFUL Links
Motion animation
![Page 7: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/7.jpg)
USEFUL Links
Responsive Interaction
![Page 8: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/8.jpg)
USEFUL Links
Meaningful Transitions
![Page 9: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/9.jpg)
USEFUL Links
Delightful Details
![Page 10: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/10.jpg)
USEFUL Links
Style
![Page 11: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/11.jpg)
USEFUL Links
Color Pallete
![Page 12: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/12.jpg)
USEFUL Links
UI Color Application
![Page 13: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/13.jpg)
USEFUL Links
Typeface Roboto
![Page 14: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/14.jpg)
USEFUL Links
How to use font
![Page 15: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/15.jpg)
USEFUL Links
Flat design for icons
![Page 16: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/16.jpg)
USEFUL Links
Use more place for image
![Page 17: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/17.jpg)
USEFUL Links
More real things in material design
![Page 18: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/18.jpg)
USEFUL Links
Focus on main
![Page 19: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/19.jpg)
USEFUL Links
No effects for photo
![Page 20: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/20.jpg)
USEFUL Links
Scale layouts for all devices
![Page 21: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/21.jpg)
USEFUL Links
Metrics
![Page 22: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/22.jpg)
USEFUL Links
Flat and real dynamic design
![Page 23: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/23.jpg)
USEFUL Links
Material in android
![Page 24: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/24.jpg)
USEFUL Links
Apply the Material Theme
![Page 25: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/25.jpg)
USEFUL Links
Customize color in theme
![Page 26: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/26.jpg)
USEFUL LinksThe material theme is only available in the Android L
Developer Preview.
Compatibility
android.support.v7.widget.RecyclerView
android.support.v7.widget.CardView
![Page 27: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/27.jpg)
USEFUL Links
RecyclerView
![Page 28: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/28.jpg)
USEFUL LinksViewHolder by default
Layout manager
ItemAnimator
RecyclerView
![Page 29: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/29.jpg)
USEFUL Links
RecyclerView example
![Page 30: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/30.jpg)
USEFUL LinksShadows
CardView
Rounded corners
Box for content
![Page 31: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/31.jpg)
USEFUL Links
Pallete
Bitmap
Vibrant color (Normal, Light, Dark)
Muted color (Normal, Light, Dark)
![Page 32: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/32.jpg)
USEFUL Links
Shadows
![Page 33: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/33.jpg)
USEFUL Links
Shadow evaluation
![Page 34: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/34.jpg)
USEFUL Links Touch feedback
Animations
Reveal effect
Curved motion
Activity transitions
View state changes
![Page 35: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/35.jpg)
USEFUL LinksRippleDrawable class
Touch feedback
?android:attr/selectableItemBackground
android:colorControlHighlight
![Page 36: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/36.jpg)
USEFUL Links
Touch feedback
![Page 37: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/37.jpg)
USEFUL Links
Activity transitions
![Page 38: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/38.jpg)
USEFUL LinksMaterial design from Google http://www.google.com/design/spec/material-design
Useful links
Material design for androidhttp://developer.android.com/preview/material/index.html
Angular material designhttps://material.angularjs.org/#/
Apps with material designhttp://www.androidauthority.com/best-material-design-apps-for-android-523420/
![Page 39: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/39.jpg)
Questions time
![Page 40: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/40.jpg)
Thank you for Attention
Contact information
ilya.lisovyy
id=227112207
vk.com/lisway
![Page 41: Material design](https://reader033.vdocuments.us/reader033/viewer/2022061220/5485f3a8b4af9f51108b4613/html5/thumbnails/41.jpg)