Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Material Design とは

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

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
プロダクトコードからライブラリの境界を見つける
Avatar for elmetal elmetal
PRO
0
110
コードで差別化できない時代の ソフトウェアエンジニアリング / Software Engineering in an Era Where Code Doesn’t Differentiate
Avatar for Naoki Kishida kishida
2
160
Atomic Design, Enforced: Scaling Mobile Design Systems (next.app devCon / droidCon Berlin 2026)
Avatar for Stelios Frantzeskakis steliosf
PRO
0
170
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
530
IBM Bob でAI駆動開発『QC-Playbook』
Avatar for 1kano ichirokano2
0
110
When benchmarks go bad - what I learned from measuring performance wrong
Avatar for Holly Cummins hollycummins
0
210
Workers Cache を知る
Avatar for syumai syumai
0
350
SREの越境 / SRE Collaboration
Avatar for y-ohgi y0hgi
2
300
Apple Intelligence を用いた個人情報誤送信防止、及びユーザーリクエスト体験の改善について
Avatar for Yuki Kuwashima yukiny
0
330
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
Avatar for y-ohgi y0hgi
0
250
Kotlinの15年とServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
120
[2026-09-26]空論ジェネリックプロセス～テスト資産とAIで紡ぐ、再現可能なパフォーマンスチューニングの話～
Avatar for tosite tosite
0
270

Featured

See All Featured
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
530
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
360
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.2k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
300
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
560
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.4k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
5
800
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
68
59k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k

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