Mobile Application Development

Module: Material Design

Explore Material Design Components and best practices for their use in mobile app UI design.

Dates: Fri, Sep 15 - Tue, Sep 26

Learning Outcomes

You are familiar with Material Design concepts and components

Readings

Using Material Design with Flutter

Simple example of Material Design components with Flutter

Video (13 min)

Flutter Material Components Widget Library

Catalog of visual, behavioral, and motion widgets implementing Material Design guidelines.

Flex Color Scheme

Arguably the best of all the Flutter theme design packages.

Experiential Learning

1. MDC Basics

Build a login page using several of MDC Flutter’s components.

Codelab 17 Sep 11:00 PM

2. Material Structure and Layout

Add navigation, structure, and data.

Codelab 20 Sep 11:00 PM

3. Material Theming with Color, Shape, Elevation, and Type

Customize Color, Typography, Elevation, Shape, and Layout

Codelab 24 Sep 11:00 PM

4. Material Advanced Components

Change the UI to a two-level presentation called a ‘backdrop’.

Codelab Optional