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

Material Design とは

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

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
Swift Concurrency - 状態監視の罠
Avatar for Yuki Yasoshima objectiveaudio
2
460
dynamic!
Avatar for MOROHASHI Kyosuke moro
9
6.6k
Advance Your Career with Open Source
Avatar for ivargrimstad ivargrimstad
0
340
2025年版 サーバーレス Web アプリケーションの作り方
Avatar for Hayato Watanabe hayatow
23
25k
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
Avatar for Shia riseshia
0
150
monorepo の Go テストをはやくした〜い！~最小の依存解決への道のり~ / faster-testing-of-monorepos
Avatar for convto convto
2
390
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
Avatar for Atsuya Sato natmark
2
460
Back to the Future: Let me tell you about the ACP protocol
Avatar for Benedikt Terhechte terhechte
0
130
ИИ-Агенты в каждый дом – Алексей Порядин, PythoNN
Avatar for Sobolev Nikita sobolevn
0
150
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
Avatar for shibayu36 shibayu36
3
4.4k
2分台で1500examples完走！爆速CIを支える環境構築術 - Kaigi on Rails 2025
Avatar for Hayato OKUMOTO falcon8823
3
3.2k
XP, Testing and ninja testing ZOZ5
Avatar for seki at druby.org m_seki
3
300

Featured

See All Featured
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.8k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
5
180
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.7k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.3k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
890
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.7k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
19
1.2k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

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