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
79
Material Design とは
みっちゃん
May 29, 2023
Tweet
Share
More Decks by みっちゃん
See All by みっちゃん
DroidKaigi初めて登壇したレポ
mitchan
1
73
実践!難読化ガイド
mitchan
0
1.3k
「実践!難読化ガイド」事前予告編
mitchan
0
140
画面遷移 〜iOSとAndroid〜
mitchan
0
22
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
mitchan
0
330
ドキュメントから adbコマンドの仕組みを読み解く
mitchan
1
220
2024年は難読化と仲良くなりたい
mitchan
0
290
STORES二年生が得た新しい視点
mitchan
0
250
TabLayoutの「選択されていないインジケーター」にも色を付けるには
mitchan
0
68
Other Decks in Programming
See All in Programming
perl for shell, awk and sed programmers
mackee
2
920
CSC509 Lecture 04
javiergs
PRO
0
160
Vue :: Better Testing 2024
up1
1
420
cgroup v2 support in Kubeadm
kentatada
0
210
Vaporモードを大規模サービスに最速導入して学びを共有する
kazukishimamoto
2
520
Vue3の一歩踏み込んだパフォーマンスチューニング2024
hal_spidernight
3
900
Cloud Adoption Framework にみる組織とクラウド導入戦略
tomokusaba
2
670
自分だけの世界を創るクリエイティブコーディング / Creative Coding: Creating Your Own World
chobishiba
2
2k
Serverless renderování Webových komponent
rarous
PRO
0
130
空間の中でアイドルとレッスンする技術 - 1st "Vision" / Spatial Lesson technologies with my idol - 1st "Vision"
banjun
PRO
0
240
今日で分かる!カスタムコップの作り方
krpk1900
2
140
Quarto Clean Theme
nicetak
0
220
Featured
See All Featured
Navigating Team Friction
lara
183
14k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
The Cost Of JavaScript in 2023
addyosmani
43
5.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
225
22k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
231
17k
Facilitating Awesome Meetings
lara
49
6k
Music & Morning Musume
bryan
46
6.1k
Done Done
chrislema
181
16k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
A Modern Web Designer's Workflow
chriscoyier
692
190k
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