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

Material Design とは

Avatar for みっちゃん みっちゃん
May 29, 2023
Programming
100
0

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
How We Benchmarked Quarkus: Patterns and anti-patterns
Avatar for Holly Cummins hollycummins
1
160
AI-DLC Deep Dive
Avatar for yuukiyo yuukiyo
9
5k
GNU Makeの使い方 / How to use GNU Make
Avatar for kaityo256 kaityo256
PRO
16
5.6k
Spec-driven Development: How AI Changes Everything (And Nothing)
Avatar for Simon Martinelli simas
PRO
0
400
決定論 vs 確率論：Gemini 3 FlashとTF-IDFを組み合わせた「法規判定エンジン」の構築
Avatar for Shu Kobuchi shukob
0
130
PicoRuby for IoT: Connecting to the Cloud with MQTT
Avatar for Y_uuu yuuu
2
700
JAWS-UG横浜 #100 祝・第100回スペシャル AWS は VPC レスの時代へ
Avatar for maroon1st maroon1st
0
190
Terraform言語の静的解析 / static analysis of Terraform language
Avatar for Kazuma Watanabe wata727
1
120
t *testing.T は どこからやってくるの？
Avatar for Kotaro Otaka otakakot
1
810
Kingdom of the Machine
Avatar for yui-knk yui_knk
2
1.2k
VueエンジニアがReactを触って感じた_設計の違い
Avatar for kouki.miura koukimiura
0
190
🦞OpenClaw works with AWS
Avatar for matsukada licux
1
300

Featured

See All Featured
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
200
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
980
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
820
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
330
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
780
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k

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