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

Material Design とは

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

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023

More Decks by みっちゃん

See All by みっちゃん
Do you use git worktree?
Avatar for みっちゃん mitchan
0
110
Android値受け渡し大全 〜 設計を制する者が「渡す」を制す 〜
Avatar for みっちゃん mitchan
1
7k
2024年にチャレンジしたことを振り返るぞ
Avatar for みっちゃん mitchan
0
290
DroidKaigi初めて登壇したレポ
Avatar for みっちゃん mitchan
1
230
実践！難読化ガイド
Avatar for みっちゃん mitchan
0
3.8k
「実践！難読化ガイド」事前予告編
Avatar for みっちゃん mitchan
0
310
画面遷移 〜iOSとAndroid〜
Avatar for みっちゃん mitchan
0
390
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
Avatar for みっちゃん mitchan
0
570
ドキュメントから adbコマンドの仕組みを読み解く
Avatar for みっちゃん mitchan
1
370

Other Decks in Programming

See All in Programming
YJITとZJITにはイカなる違いがあるのか？
Avatar for yamanao nakiym
0
220
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて！
Avatar for Takashi Kokubun k0kubun
4
3k
forteeの改修から振り返るPHPerKaigi 2026
Avatar for muno92 muno92
PRO
3
290
10 Tips of AWS ～Gen AI on AWS～
Avatar for matsukada licux
5
410
今こそ押さえておきたい アマゾンウェブサービス（AWS）の データベースの基礎 おもクラ #6版
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
250
Back to the roots of date
Avatar for jinroq jinroq
0
250
運転動画を検索可能にする〜Cosmos-Embed1とDatabricks Vector Searchで〜/cosmos-embed1-databricks-vector-search
Avatar for 開発室Graph studio_graph
0
320
煩雑なSkills管理をSoC（関心の分離）により解決する――関心を分離し、プロンプトを部品として育てるためのOSSを作った話 / Solving Complex Skills Management Through SoC (Separation of Concerns)
Avatar for nrs nrslib
4
970
検索設計から
推論設計への重心移動と
Recall-First Retrieval
Avatar for po3rin po3rin
1
440
t *testing.T は どこからやってくるの？
Avatar for Kotaro Otaka otakakot
1
680
クラウドネイティブなエンジニアに向ける Raycastの魅力と実際の活用事例
Avatar for Nealle nealle
2
200
VueエンジニアがReactを触って感じた_設計の違い
Avatar for kouki.miura koukimiura
0
180

Featured

See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
How to make the Groovebox
Avatar for あそなす asonas
2
2.1k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
180
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
1k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
980
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
260
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
7.1k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.6k

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