1 of 8

What’s new

In Material Design 🎨

​

By Nick Rout

Android Engineer at Over

Twitter: @ricknout

2 of 8

Overall goals 🥅

  • Provide more flexibility & expressiveness for brands through Material Theming
  • Maintain core Material metaphors
  • Research-backed guidelines and UI component designs
  • Tools for designers to mock & showcase screens
  • Open source components for Android, iOS, Web & Flutter developers
  • Make design -> develop process seamless
  • New website! material.io

3 of 8

Flexibility & expressiveness with Material Theming ✨

  • More System icon styles
  • More shape types
  • Wider range of color palettes (accessibility focus)
  • Embrace typography

4 of 8

New & updated component designs (backed by research) 🚧

  • Text fields
  • Buttons
  • Extended FAB
  • More...

5 of 8

New design tools 🔨

  • Material Theme Editor (Sketch plugin)
  • Improved icon exporter
  • Color tool
  • Gallery (similar to Zeplin, InVision, etc.)

6 of 8

New develop components 🔧

  • Android, iOS, Web, Flutter
  • Now found at github.com/material-components/
  • Android: replaces Design Support Lib
  • Developer tutorials

7 of 8

Build cool things! 😀

8 of 8

Any questions? 🤷‍♂️