Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Material Design Components in Flutter

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Maureen Josephine Maureen Josephine
August 08, 2019
Programming
58
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
74
Setting Lint Rules in Flutter
Avatar for Maureen Josephine maureenjosephine
0
110
Testing Flutter Apps-DevfestTanzania
Avatar for Maureen Josephine maureenjosephine
0
35
Internationalizing Flutter Apps
Avatar for Maureen Josephine maureenjosephine
0
47
Atlassian Forge
Avatar for Maureen Josephine maureenjosephine
0
36
Building your First Flutter for Web App
Avatar for Maureen Josephine maureenjosephine
0
73
Atlassian Codegeist - Forge
Avatar for Maureen Josephine maureenjosephine
0
150
Trello Uses Cases - Atlassian
Avatar for Maureen Josephine maureenjosephine
0
36
Getting Started with Flutter
Avatar for Maureen Josephine maureenjosephine
0
48

Other Decks in Programming

See All in Programming
今さら聞けない .NET CLI
Avatar for tkym htkym
0
170
AIが無かった頃の素敵な出会いの話
Avatar for コドモン開発チーム codmoninc
1
330
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
Avatar for Kurumi Watabe krm963
0
230
Android CLI
Avatar for Sungyong An fornewid
0
190
Foundation Models frameworkで画像分析
Avatar for リョウ ryodeveloper
1
230
【やさしく解説 設計編 #0】DDDのコード、読めるのに分からない人へ
Avatar for HideyukiKitao panda728
PRO
2
290
使用 Meilisearch 建立新聞搜尋工具
Avatar for johnroyer johnroyer
0
190
5分で問診！Composer セキュリティ健康診断
Avatar for コドモン開発チーム codmoninc
0
760
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
4
1.5k
PHPだって関数型したい 〜できること、できないこと〜 / fp-in-php
Avatar for jsoizo jsoizo
1
260
FDEが実現するAI駆動経営の現在地
Avatar for ryuta sakamoto gonta
2
240
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
Avatar for pizzacat83 pizzacat83
0
130

Featured

See All Featured
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
190
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
510
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
420
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
520
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.1k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4k

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