Material Design Components in Flutter

A session to cover material design components and how to make them useful in a Flutter App

Transcript

1. MATERIAL DESIGN COMPONENTS IN FLUTTER
2. MAUREEN JOSEPHINE Twitter: @J_Akello
3. MATERIAL DESIGN?
5. Material design is a visual language that synthesizes the classic principles of good design with the innovation of technology and science.
6. FIRST IMPRESSION ON MESSY ROOM?
7. IMPRESSION ON A WELL ARRANGED ROOM
8. WHY MATERIAL DESIGN? • Helps in delivering high quality outputs consistently across all platforms • Produces pleasant looking components that behave like real world objects. • Enhances user experience
9. FACTORS TO CONSIDER • Brand • Color • Layout • Content doesn’t have to bore • Data
10. FLUTTER APPROACH IN MATERIAL DESIGN Flutter is a technology developed by Google that can run on Android and iOS devices from a single codebase.
11. MATERIAL COMPONENTS WIDGETS These are visual,behavioral and motion rich widgets implementing Material Design Guidelines. • App structure and navigation • Buttons • Input and selections • Dialogs, alerts and panels • Layouts.
18. SAMPLE APP WITH MATERIAL DESIGN COMPONENTS