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

Material Design とは

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

Material Design とは

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
プロフェッショナルとしての成長「問題の深掘り」が導く真のスキルアップ / issue-analysis-and-skill-up
minodriven
8
1.8k
サービスクラスのありがたみを発見したときの思い出 #phpcon_odawara
77web
4
690
Exit 8 for SwiftUI
ojun9
0
140
Deoptimization: How YJIT Speeds Up Ruby by Slowing Down / RubyKaigi 2025
k0kubun
0
1.4k
個人開発の学生アプリが企業譲渡されるまで
akidon0000
0
1.1k
The Nature of Complexity in John Ousterhout’s Philosophy of Software Design
philipschwarz
PRO
0
140
小田原でみんなで一句詠みたいな #phpcon_odawara
stefafafan
0
350
GitHub Copilot for Azureを使い倒したい
ymd65536
1
200
これだけは知っておきたいクラス設計の基礎知識 version 2
masuda220
PRO
24
6.6k
Empowering Developers with HTML-Aware ERB Tooling @ RubyKaigi 2025, Matsuyama, Ehime
marcoroth
2
810
RubyKaigi Dev Meeting 2025
tenderlove
1
410
Fiber Scheduler vs. General-Purpose Parallel Client
hayaokimura
1
170

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
GraphQLの誤解/rethinking-graphql
sonatard
71
10k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
135
33k
The Cost Of JavaScript in 2023
addyosmani
49
7.7k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
680
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
Site-Speed That Sticks
csswizardry
5
500
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k

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