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
みっちゃん
May 29, 2023
Programming
0
94
Material Design とは
みっちゃん
May 29, 2023
Tweet
Share
More Decks by みっちゃん
See All by みっちゃん
Android値受け渡し大全 〜 設計を制する者が「渡す」を制す 〜
mitchan
0
6.3k
2024年にチャレンジしたことを振り返るぞ
mitchan
0
250
DroidKaigi初めて登壇したレポ
mitchan
1
190
実践!難読化ガイド
mitchan
0
3.1k
「実践!難読化ガイド」事前予告編
mitchan
0
280
画面遷移 〜iOSとAndroid〜
mitchan
0
260
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
mitchan
0
510
ドキュメントから adbコマンドの仕組みを読み解く
mitchan
1
330
2024年は難読化と仲良くなりたい
mitchan
0
380
Other Decks in Programming
See All in Programming
CSC305 Lecture 08
javiergs
PRO
0
220
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
14
4.9k
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
1
460
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
9
1.7k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
200
Serena MCPのすすめ
wadakatu
4
1k
オープンソースソフトウェアへの解像度🔬
utam0k
16
3k
Flutterで分数(Fraction)を表示する方法
koukimiura
0
130
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
110
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
170
開発生産性を上げるための生成AI活用術
starfish719
3
1.2k
Le côté obscur des IA génératives
pascallemerrer
0
150
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
GitHub's CSS Performance
jonrohan
1032
470k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
870
Leading Effective Engineering Teams in the AI Era
addyosmani
7
460
A designer walks into a library…
pauljervisheath
209
24k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
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