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

Material Design とは

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

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

See All by みっちゃん
2024年にチャレンジしたことを振り返るぞ
Avatar for みっちゃん mitchan
0
200
DroidKaigi初めて登壇したレポ
Avatar for みっちゃん mitchan
1
140
実践！難読化ガイド
Avatar for みっちゃん mitchan
0
2.4k
「実践！難読化ガイド」事前予告編
Avatar for みっちゃん mitchan
0
250
画面遷移 〜iOSとAndroid〜
Avatar for みっちゃん mitchan
0
150
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
Avatar for みっちゃん mitchan
0
430
ドキュメントから adbコマンドの仕組みを読み解く
Avatar for みっちゃん mitchan
1
290
2024年は難読化と仲良くなりたい
Avatar for みっちゃん mitchan
0
360
STORES二年生が得た新しい視点
Avatar for みっちゃん mitchan
0
280

Other Decks in Programming

See All in Programming
プロダクト横断分析に役立つ、事前集計しないサマリーテーブル設計
Avatar for Uchide Hiroki(ucchi-) hanon52_
3
550
Lambda(Python)の リファクタリングが好きなんです
Avatar for komakichi komakichi
4
250
MySQL初心者が311個のカラムにNot NULL制約を追加していってALTER TABLEについて学んだ話
Avatar for hatsu hatsu38
2
110
iOSアプリで測る！名古屋駅までの 方向と距離
Avatar for Ryu-nakayama ryunakayama
0
150
インプロセスQAにおいて大事にしていること / In-process QA Meetup
Avatar for MEDLEY, INC. medley
0
140
The Nature of Complexity in John Ousterhout’s Philosophy of Software Design
Avatar for Philip Schwarz philipschwarz
PRO
0
160
UMAPをざっくりと理解 / Overview of UMAP
Avatar for kaityo256 kaityo256
PRO
3
1.5k
七輪ライブラリー: Claude AI で作る Next.js アプリ
Avatar for suneo3476 suneo3476
1
190
Browser and UI #2 HTML/ARIA
Avatar for ken7253 ken7253
2
170
KANNA Android の技術的課題と取り組み
Avatar for Yosuke Watanabe watabee
0
200
Beyond_the_Prompt__Evaluating__Testing__and_Securing_LLM_Applications.pdf
Avatar for Mete Atamel meteatamel
0
110
Designing Your Organization's Test Pyramid ( #scrumniigata )
Avatar for teyamagu teyamagu
PRO
4
910

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
20k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
57k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
91
6k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Navigating Team Friction
Avatar for Lara Hogan lara
185
15k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
133
9.3k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.3k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Fontdeck: Realign not Redesign
Avatar for Paul Robert Lloyd paulrobertlloyd
84
5.5k

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