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

Material Design とは

みっちゃん
May 29, 2023
Programming
0
83

Material Design とは

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
PHPUnitしか使ってこなかった 一般PHPerがPestに乗り換えた実録
mashirou1234
0
350
fs2-io を試してたらバグを見つけて直した話
chencmd
0
250
Effective Signals in Angular 19+: Rules and Helpers
manfredsteyer
PRO
0
150
iOS開発におけるCopilot For XcodeとCode Completion / copilot for xcode
fuyan777
1
450
EC2からECSへ 念願のコンテナ移行と巨大レガシーPHPアプリケーションの再構築
sumiyae
2
470
testcontainers のススメ
sgash708
1
130
menu基盤チームによるGoogle Cloudの活用事例~Application Integration, Cloud Tasks編~
yoshifumi_ishikura
0
110
テストコード書いてみませんか？
onopon
2
240
ゆるやかにgolangci-lintのルールを強くする / Kyoto.go #56
utgwkk
2
490
React 19でお手軽にCSS-in-JSを自作する
yukukotani
2
170
暇に任せてProxmoxコンソール 作ってみました
karugamo
2
750
「とりあえず動く」コードはよい、「読みやすい」コードはもっとよい / Code that 'just works' is good, but code that is 'readable' is even better.
mkmk884
5
990

Featured

See All Featured
Rails Girls Zürich Keynote
gr2m
94
13k
KATA
mclloyd
29
14k
The Invisible Side of Design
smashingmag
299
50k
How STYLIGHT went responsive
nonsquared
96
5.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
326
24k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
190
How to train your dragon (web standard)
notwaldorf
88
5.7k
Designing Experiences People Love
moore
138
23k
Thoughts on Productivity
jonyablonski
68
4.4k
The Pragmatic Product Professional
lauravandoore
32
6.3k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
1
120
How GitHub (no longer) Works
holman
311
140k

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