How to incorporate the Material Design system to your design
We’ll focus on how Google’s Material Design system works on Android devices (primarily phones) and explore the primary navigation model.
Resources
Getting started with Material Theme Editor
Learning Objectives
- Describe the purpose of Google’s Material Design system
- Define lateral, forward, and reverse navigation
- Identify when to use bottom bars, top bars, tabs, and nav drawers
- Create a screen in Sketch using the Baseline Material Theme
- Adapt the Baseline Material Theme
Where to Start
- Surfaces
- Component behavior and basic components:
- Understanding navigation and navigational components:
- Bars: Bottom and Top
- Tabs
- Bottom Nav
- Nav drawer
- Navigation transitions
- Material Theming: