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

Material Design とは

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

Material Design とは

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

See All by みっちゃん
ドキュメントから adbコマンドの仕組みを読み解く
mitchan
1
120
2024年は難読化と仲良くなりたい
mitchan
0
200
STORES二年生が得た新しい視点
mitchan
0
220
TabLayoutの「選択されていないインジケーター」にも色を付けるには
mitchan
0
37
勉強方法としてのコミュニティ活用
mitchan
0
650
Android端末のNFCを無効化しようとしてダメだった話
mitchan
1
3.9k
頑張ってKotlin率をちょっとあげた話
mitchan
0
170

Other Decks in Programming

See All in Programming
"config" ってなんだ？ / What is "config"?
okashoi
0
240
Ruby Pattern Matching
bkuhlmann
0
930
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
320
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
200
[技育CAMPアカデミア]アイディアを形に！【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
370
try! Swift Tokyo 初参加報告LT
hinakko2
0
220
Anthropic Cookbook のおすすめレシピ
schroneko
7
930
SIMD Parallel Programming with the Vector API
josepaumard
0
160
Goのエラースタックトレースの歴史と今後
sonatard
7
1.2k
ONE WEDGE_company_guide
1wedge_one
0
470
코틀린으로 멀티플랫폼 만들기
pangmoo
0
150
Amazon SQSコンシューマー疎結合への旅 - 出張！ #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
270

Featured

See All Featured
Atom: Resistance is Futile
akmur
259
25k
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
Design by the Numbers
sachag
274
18k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
The Pragmatic Product Professional
lauravandoore
25
5.8k
What's in a price? How to price your products and services
michaelherold
237
11k
Making Projects Easy
brettharned
108
5.5k
The Invisible Side of Design
smashingmag
294
49k
The MySQL Ecosystem @ GitHub 2015
samlambert
243
12k
Code Reviewing Like a Champion
maltzj
514
39k

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