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

Material Design とは

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

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
「AI時代、配布するPythonコードをどう守るか: 難読化の実験と判断軸」 #PyconJP2026
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
2
170
30年振りにコンパイラの定数整数除算を改善した
Avatar for herumi herumi
9
4.4k
Building an Out-of-Order CPU
Avatar for Latte72 latte72
0
690
レビュー履歴をAIに食わせて、 Compose移行を加速するs
Avatar for Yuki Shiho shihochan
0
270
PHPプロジェクトの結合バランスを可視化する #php_night
Avatar for Takuma Kajikawa kajitack
0
220
ハーネス設計入門 〜プロンプト、コンテキストの次〜
Avatar for kinopee kinopeee
54
36k
AIエージェント時代のコードレビューを設計する
Avatar for nogu nogu66
6
2.5k
まだ間に合う！今年の夏こそSchemeのマクロ展開器を完全理解！
Avatar for Masanori Ogino omasanori
0
630
新人はどこまで自力でやり、どこからAIに頼るべきか／エンジニア育成に向き合う_先輩たちの悩みと知見共有会
Avatar for TOPPAN ict toppan_digital_dev
1
560
一参加者から『中の人』へ 〜全通PHPerがブースに立って学んだ、カンファレンスを100倍楽しむコツ〜
Avatar for 藤掛大介 wp_daisuke
0
120
XP祭りでしか伝わらないフリップネタ #xpjug
Avatar for bayashi murabayashi
0
110
20260828_品質と開発生産性を両立させる、AI時代のE2Eテストの考え方
Avatar for MagicPod magicpod
0
160

Featured

See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.9k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
310
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.4k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
710
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
460
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.5k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.2k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
2
3.8k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.3k

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