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
80
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
56
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
52

Other Decks in Programming

See All in Programming
コーディング自動化の次へ。人の介入をゼロにするファクトリーとサポートAIによる実践
Avatar for Seiji Takahashi timakin
5
3.7k
複雑なUIコンポーネントとの ⻑い付き合い⽅：波及するバグからテスト戦略を経て、安全な再設計へ
Avatar for masahiko.asai mixplace
0
430
設計次第でAIコードの読む量は減らせる / designing-for-code-reading
Avatar for MinoDriven minodriven
35
17k
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
Avatar for r-kagaya rkaga
8
2.2k
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
540
Simple Storage Service(S3) is not simple
Avatar for Yura Iwatsuka iwatsukayura
0
290
APNsからLive Activityを開始する話
Avatar for Ryotaro Onoue yumnumm
0
170
外から家のPCの電源入れたい！をＰＨＰで解決する
Avatar for かわしも（Shimokawa Shion） kawashimo0
1
140
Apple Intelligence を用いた個人情報誤送信防止、及びユーザーリクエスト体験の改善について
Avatar for Yuki Kuwashima yukiny
0
350
phperだってパンチカードでコーディングしたい
Avatar for hideki kinjyo o0h
PRO
0
340
Railsバージョンを4倍にした話
Avatar for OPTiM optim
0
400
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
5
5.2k

Featured

See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1.1k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
630
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
300
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
530
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.9k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.7k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
560
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
400
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.7k

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