Learn about elevation and its relationship with drop shadows
- [Narrator] Recall that in material world, apps are made…of sheets of quantum paper in a 3D environment.…It's natural to expect these objects to behave…just like sheets of paper in the real world.…We can stack paper sheets together and they'll overlap…with each other, they also cast shadows, and reflect light.…The term elevation is used to describe…this spacial relationship between objects.…Visually, different elevation values…render as different drop shadows.…
Because we are looking down onto the device screen,…objects with higher elevation cover those…with lower elevation.…A drop shadow for a high elevation object…is softer than that of a low elevation object.…The elevation value is defined in the same unit…as the X and Y axis, typically in "dps",…more formally known as density independent pixels.…Elevation values is measured in distance…from the top of one surface to the top of another,…because all material elements are one dp thick,…the distance between the surface and the bottom…of an object with two dp elevation is 1dp.…
- Using material design principles
- Working with units and measurements
- Using elevation and drop shadows
- Leveraging grids and keylines
- Setting up React Native for Android
- Building floating action buttons
- Creating an immersive experience
- Adding motion and transitions
- Animating icons
- Using component libraries
Skill Level Intermediate
Android App Development: Data Persistence Librarieswith Annyce Davis4h 52m Intermediate
React Native Ecosystem and Workflowwith Emmanuel Henri1h 3m Intermediate
1. Material Design Overview
2. Tools and Environment Setup
3. Build the Materials with React Native
4. Material Motion with React Native
5. Component Libraries
Library selection strategy3m 10s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.