Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Material Design とは
Search
みっちゃん
May 29, 2023
Programming
0
96
Material Design とは
みっちゃん
May 29, 2023
Tweet
Share
More Decks by みっちゃん
See All by みっちゃん
Android値受け渡し大全 〜 設計を制する者が「渡す」を制す 〜
mitchan
1
6.5k
2024年にチャレンジしたことを振り返るぞ
mitchan
0
270
DroidKaigi初めて登壇したレポ
mitchan
1
200
実践!難読化ガイド
mitchan
0
3.4k
「実践!難読化ガイド」事前予告編
mitchan
0
290
画面遷移 〜iOSとAndroid〜
mitchan
0
310
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
mitchan
0
530
ドキュメントから adbコマンドの仕組みを読み解く
mitchan
1
340
2024年は難読化と仲良くなりたい
mitchan
0
390
Other Decks in Programming
See All in Programming
NUMA環境とコンテナランタイム ― youki における Linux Memory Policy 実装
n4mlz
1
210
AIエンジニアリングのご紹介 / Introduction to AI Engineering
rkaga
5
1.9k
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
moeka__c
6
3k
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
720
関数の挙動書き換える
takatofukui
4
780
[堅牢.py #1] テストを書かない研究者に送る、最初にテストを書く実験コード入門 / Let's start your ML project by writing tests
shunk031
12
7.1k
Rediscover the Console - SymfonyCon Amsterdam 2025
chalasr
2
150
dotfiles 式年遷宮 令和最新版
masawada
1
710
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
200
Building AI Agents with TypeScript #TSKaigiHokuriku
izumin5210
6
1.2k
チームをチームにするEM
hitode909
0
280
Go コードベースの構成と AI コンテキスト定義
andpad
0
110
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Building Applications with DynamoDB
mza
96
6.8k
Facilitating Awesome Meetings
lara
57
6.7k
Balancing Empowerment & Direction
lara
5
790
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
A better future with KSS
kneath
240
18k
Speed Design
sergeychernyshev
33
1.4k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
It's Worth the Effort
3n
187
29k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.3k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
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