Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Material Design とは
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
みっちゃん
May 29, 2023
Programming
110
0
Share
Material Design とは
みっちゃん
May 29, 2023
More Decks by みっちゃん
See All by みっちゃん
Do you use git worktree?
mitchan
0
120
Android値受け渡し大全 〜 設計を制する者が「渡す」を制す 〜
mitchan
1
7k
2024年にチャレンジしたことを振り返るぞ
mitchan
0
290
DroidKaigi初めて登壇したレポ
mitchan
1
240
実践!難読化ガイド
mitchan
0
4k
「実践!難読化ガイド」事前予告編
mitchan
0
310
画面遷移 〜iOSとAndroid〜
mitchan
0
400
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
mitchan
0
590
ドキュメントから adbコマンドの仕組みを読み解く
mitchan
1
390
Other Decks in Programming
See All in Programming
Import assertionsが消えた日~ECMAScriptの仕様はどう決まり、なぜ覆るのか~
bicstone
2
190
「なんか〇〇ライブラリで脆弱性あるみたいなんだけど。。。」から始める脆弱性対応 / First Steps in Vulnerability Response
mackey0225
2
130
【ディップ|26年新卒研修資料】TDD実装演習
dip_tech
PRO
0
210
TSKaigi2026-静的解析への投資がAI時代のコード品質を支える ── カスタムESLintルールの設計と運用
hayatokudou
3
340
Agentic AI & UI: Arcitecture, HITL, Emerging Standards
manfredsteyer
PRO
0
120
KMP × Kotlin 2.3 - How Android Got Slower While iOS Builds Improved by 47%
rio432
0
230
20年以上続くプロダクトでも使い続けられる静的解析ツールを求めて
matsuo_atsushi
0
150
RailsTokyo 2026#4: AI様があれば、 Hotwireの弱点は消えるか?
naofumi
3
440
Firefoxにコントリビューションして得られた学び
ken7253
2
170
Agent Skills を社内で育てる仕組み作り
jackchuka
1
2.1k
AI駆動開発勉強会 広島支部 第一回勉強会 AI駆動開発概要とワークショップ
hayatoshimiu
0
250
過去のレビュー知見をSkillsで資産化した話
pkshadeck
PRO
1
2.1k
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
6.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9k
Exploring anti-patterns in Rails
aemeredith
3
360
Typedesign – Prime Four
hannesfritz
42
3k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
230
Producing Creativity
orderedlist
PRO
348
40k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2k
30 Presentation Tips
portentint
PRO
1
300
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
350
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
810
Transcript
Material Designとは 登壇者:みっちゃん
Material Designはなぜ必要か 一番の目的はアプリのデザインを統一すること! アプリはデザインが統一されている必要があります。 そのためにDesign Systemがあります。 2
Design Systemとは アプリの中でデザインがブレないように用意するコンポーネントや、プ ロダクトにおけるデザインの決まり事 例えば、SmartHRさんはプロダクトのDesignSystemを公開されている 3
Material DesignもDesign Systemです!! 4
Material Designをどう使う? Material Designはあくまで手段 Material Designの全てを使わないといけないわけではない! デザイナーさんとのやりとりをもっと円滑に行うためのユビキタス言語* (*全員で同じ言葉でコミュニケーションを行うための共通言語の定義) 5
MaterialDesignは従来のデザインとどう違う? 従来のデザイン(M2) • 凹凸がある・立体的 • elevation(陰)がある • 色が濃い • 四角い・角がはっきりしている
Material 3 • 平面的 • elevation(陰)がない • 色が淡い • 全体的に丸い
まとめ 可愛くなった。(♡) 7