Material Design Presentation
-
Upload
msatech-mombasa -
Category
Technology
-
view
387 -
download
1
Transcript of Material Design Presentation
![Page 1: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/1.jpg)
Material Design
Google’s new design language
![Page 2: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/2.jpg)
![Page 3: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/3.jpg)
IntroductionComprehensive guide for visual, motion and interactive
design across platforms and devices
It is a design for creating bold graphic interface driven by typography, scale, color and position.
![Page 4: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/4.jpg)
![Page 5: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/5.jpg)
Material is the metaphor
A material metaphor is the unifying theory of a rationalized space and a system of motion grounded by
tactile reality
![Page 6: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/6.jpg)
![Page 7: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/7.jpg)
![Page 8: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/8.jpg)
The sense of tactility is vitally important to the system
![Page 9: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/9.jpg)
how the materials live and move within complex structure?
• How light, surface and movement convey objects in moving, interact and exist in space in relation to each other
![Page 10: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/10.jpg)
Bold, graphic, intentional
![Page 11: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/11.jpg)
Foundation elements of print based design
![Page 12: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/12.jpg)
Bold, graphic, intentional
![Page 13: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/13.jpg)
Motion provides meaningIn the real world forces should be applied to make an object start moving
![Page 14: Material Design Presentation](https://reader035.fdocuments.mx/reader035/viewer/2022081418/5884a51e1a28ab76798b497d/html5/thumbnails/14.jpg)
The new design has a responsive interaction that encourages user to have deeper exploration of an app