Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Material Design Components in Flutter

Avatar for Maureen Josephine Maureen Josephine
August 08, 2019
Programming
60
0

Material Design Components in Flutter

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

Avatar for Maureen Josephine

Maureen Josephine

August 08, 2019

More Decks by Maureen Josephine

See All by Maureen Josephine
My Flutter Journey
Avatar for Maureen Josephine maureenjosephine
0
76
Setting Lint Rules in Flutter
Avatar for Maureen Josephine maureenjosephine
0
120
Testing Flutter Apps-DevfestTanzania
Avatar for Maureen Josephine maureenjosephine
0
37
Internationalizing Flutter Apps
Avatar for Maureen Josephine maureenjosephine
0
55
Atlassian Forge
Avatar for Maureen Josephine maureenjosephine
0
37
Building your First Flutter for Web App
Avatar for Maureen Josephine maureenjosephine
0
74
Atlassian Codegeist - Forge
Avatar for Maureen Josephine maureenjosephine
0
160
Trello Uses Cases - Atlassian
Avatar for Maureen Josephine maureenjosephine
0
37
Getting Started with Flutter
Avatar for Maureen Josephine maureenjosephine
0
51

Other Decks in Programming

See All in Programming
[GoCon2026] When Goroutines Are Not Enough: Runtime Locality in High-Throughput Go
Avatar for Takeru Hayasaka takehaya
6
2.3k
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
Avatar for Keisuke Kobayashi kobakei
0
120
Jetpack Compose メカニズム
Avatar for Jaewoong skydoves
0
430
App Storeの外へ──日本のiOSサイドローディング入門 for iOSDC Japan 2026
Avatar for 野瀬田　裕樹 yuukiw00w
0
220
iOSDC Japan 2026 - Swiftで作って学ぼう！データベース自作入門
Avatar for kaseken (Kent Kaseda) kaseken
2
170
Family mrubyの進捗
Avatar for Katsuhiko Kageyama kishima
1
120
そのリトライ、死んだコネクションを使い回していませんか ── GoのHTTPクライアントとHTTP/2を実プロダクト障害から学び直す
Avatar for Yusa Matsuda myus4a
0
140
選挙速報を多くのユーザーへ 届ける Live Activities 設計
Avatar for kengo saito hamayokokuririn
0
140
cdk deploy JawsSonic #MARATHONしながらAWSリソースをデプロイしてみよう
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
130
WebMCP Challenge に星空観察アプリで参加した話
Avatar for dario okazaki okajun35
0
180
ゲームコントローラやキーボードのファームウェアをSwiftで書く
Avatar for Kishikawa Katsumi kishikawakatsumi
1
240
市販E-Readerを乗っ取れ 〜Embedded Swiftで電子ペーパーガジェットを制御する〜
Avatar for Trickart trickart
0
190

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
7k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
530
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
4
510
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
410
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
280
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
520
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
4
53k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
3
3.8k

Transcript

  1. MATERIAL DESIGN COMPONENTS IN FLUTTER

  2. MAUREEN JOSEPHINE Twitter: @J_Akello

  3. MATERIAL DESIGN?

  4. None

  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.
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None

  18. SAMPLE APP WITH MATERIAL DESIGN COMPONENTS

  19. None