Module: Material Design

Material Design is a design language developed by Google incorporating cards, grid layouts, responsive animations and transitions, and depth effects.

Learning Outcomes

Understand the Material Design Language

You understand the design elements of Material Design.
You know some common libraries implementing Material Design.
You can apply Material Design to construct user interfaces.

Readings

Guided tour of the Material Design module

What’s in store for this module.

Screencast 5 min

The intricate and beautiful world of material design

Description of material design concepts

Screencast 8 min

Material Design Specification

Introduction, what is material, animation, style, layout, components, patterns, usability, resources, and what’s new

Bootstrap Material Design

Bootstrap 3 customized for material design

Framework

Materialize CSS

Material Design Framework

Framework

Material Design Lite

Google’s Material Design Framework

Framework

Bootstrap vs. Material Design Lite

A comparison of the Bootstrap and MDL frameworks

Material Up

Material design examples

Showcase

Data visualizations using Material Design concepts

Material design examples

Showcase

Material Design on Pinterest

Material design examples on Pinterest

Showcase

Experiential Learning

E06: Material Design and RadGrad

Discuss how material design relates to RadGrad

04 Feb 09:00 PM