Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Recently uploaded
Recently uploaded (20)
Material Design: An Introduction to Google's Visual Language
- 3. Material Design ◎Introduction ◎What is material? ◎Material guidelines ◎Why material design?
- 4. Introduction
- 5. Introduction
- 6. What is Material? 3D world
- 7. What is Material? Light and shadow
- 9. What is Material? Functional Shadows
- 18. Why Material Design? ◎Bring uniformity ◎Refreshing and exciting ◎Trending
- 19. Thanks! Keep in touch You can find me at nasser.mohd.ali
Editor's Notes
- Goals Create a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science. unified experience across platforms and device sizes. Mobile precepts are fundamental, but touch, voice, mouse, and keyboard are all first-class input methods.
- Principles: Material is the metaphor *inspired by the study of paper and ink *The fundamentals of light, surface, and movement are key to conveying how objects move, interact, and exist in space and in relation to each other. Bold, graphic, intentional intentional white space create a bold and graphic interface that immerse the user in the experience. Meaningful Motion the user as the prime mover. Motion is meaningful and appropriate, serving to focus
- Animation/ Ripple reactions near the epicenter occur sooner than reactions further away.
- Meaningful transitions/visual cont Incoming elements: Newly generated or translated items are introduced or re-established. Outgoing elements: Elements no longer relevant to the context are removed. Shared elements: Elements that persist for the duration of a transition can be subtle (a single icon) or dominant (a gallery image growing to fill the screen).
- Meaningful transitions/visual cont Incoming elements: Newly generated or translated items are introduced or re-established. Outgoing elements: Elements no longer relevant to the context are removed. Shared elements: Elements that persist for the duration of a transition can be subtle (a single icon) or dominant (a gallery image growing to fill the screen).
- Meaningful transitions/visual cont Incoming elements: Newly generated or translated items are introduced or re-established. Outgoing elements: Elements no longer relevant to the context are removed. Shared elements: Elements that persist for the duration of a transition can be subtle (a single icon) or dominant (a gallery image growing to fill the screen).
- style
- Meaningful transitions/visual cont Incoming elements: Newly generated or translated items are introduced or re-established. Outgoing elements: Elements no longer relevant to the context are removed. Shared elements: Elements that persist for the duration of a transition can be subtle (a single icon) or dominant (a gallery image growing to fill the screen).
- convey specific information - Portraying context with aesthetic
- The Roboto font face, flat iconography, and vibrant color palette are several items that breathe freshness