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

Material Design とは

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for みっちゃん みっちゃん
May 29, 2023
Programming
0
99

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

See All by みっちゃん
Do you use git worktree?
Avatar for みっちゃん mitchan
0
88
Android値受け渡し大全 〜 設計を制する者が「渡す」を制す 〜
Avatar for みっちゃん mitchan
1
6.7k
2024年にチャレンジしたことを振り返るぞ
Avatar for みっちゃん mitchan
0
280
DroidKaigi初めて登壇したレポ
Avatar for みっちゃん mitchan
1
210
実践！難読化ガイド
Avatar for みっちゃん mitchan
0
3.6k
「実践！難読化ガイド」事前予告編
Avatar for みっちゃん mitchan
0
290
画面遷移 〜iOSとAndroid〜
Avatar for みっちゃん mitchan
0
340
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
Avatar for みっちゃん mitchan
0
540
ドキュメントから adbコマンドの仕組みを読み解く
Avatar for みっちゃん mitchan
1
350

Other Decks in Programming

See All in Programming
gunshi
Avatar for kazupon kazupon
1
140
Claude Codeの「Compacting Conversation」を体感50%減！ CLAUDE.md + 8 Skills で挑むコンテキスト管理術
Avatar for Kazuki Murahama kmurahama
1
810
DevFest Android in Korea 2025 - 개발자 커뮤니티를 통해 얻는 가치
Avatar for Suhyeon Kim wisemuji
0
190
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
390
Vibe codingでおすすめの言語と開発手法
Avatar for uyuki uyuki234
0
200
AIエージェントの設計で注意するべきポイント6選
Avatar for Har1101 har1101
7
3.3k
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
160
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
560
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
310
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
170
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
630
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
130

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
130
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
130
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
48
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
340
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.5k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k

Transcript

  1. Material Designとは 登壇者：みっちゃん

  2. Material Designはなぜ必要か 一番の目的はアプリのデザインを統一すること！ アプリはデザインが統一されている必要があります。 そのためにDesign Systemがあります。 2

  3. Design Systemとは アプリの中でデザインがブレないように用意するコンポーネントや、プ ロダクトにおけるデザインの決まり事 例えば、SmartHRさんはプロダクトのDesignSystemを公開されている 3

  4. Material DesignもDesign Systemです！！ 4

  5. Material Designをどう使う？ Material Designはあくまで手段 Material Designの全てを使わないといけないわけではない！ デザイナーさんとのやりとりをもっと円滑に行うためのユビキタス言語* （*全員で同じ言葉でコミュニケーションを行うための共通言語の定義） 5

  6. MaterialDesignは従来のデザインとどう違う？ 従来のデザイン（M2） • 凹凸がある・立体的 • elevation(陰)がある • 色が濃い • 四角い・角がはっきりしている

    Material 3 • 平面的 • elevation(陰)がない • 色が淡い • 全体的に丸い

  7. まとめ 可愛くなった。（♡） 7