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

Material Design とは

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

Material Design とは

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
Fixstars高速化コンテスト2024準優勝解法
eijirou
0
200
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
240
Simple組み合わせ村から大都会Railsにやってきた俺は / Coming to Rails from the Simple
moznion
3
3.7k
時計仕掛けのCompose
mkeeda
1
190
[Fin-JAWS 第38回 ～re:Invent 2024 金融re:Cap～]FaultInjectionServiceアップデート＠pre:Invent2024
shintaro_fukatsu
0
340
shadcn/uiを使ってReactでの開発を加速させよう！
lef237
0
390
SRE、開発、QAが協業して挑んだリリースプロセス改革@SRE Kaigi 2025
nealle
1
3.3k
GitHub CopilotでTypeScriptの コード生成するワザップ
starfish719
28
6.1k
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
140
SpringBoot3.4の構造化ログ #kanjava
irof
2
770
ATDDで素早く安定した デリバリを実現しよう！
tonnsama
1
2.4k
Flatt Security XSS Challenge 解答・解説
flatt_security
0
1.1k

Featured

See All Featured
Facilitating Awesome Meetings
lara
51
6.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
327
24k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Into the Great Unknown - MozCon
thekraken
34
1.6k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
7.1k
GitHub's CSS Performance
jonrohan
1030
460k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.4k
How to Ace a Technical Interview
jacobian
276
23k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
30
2.1k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k

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