Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Material Design とは

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

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
Level up your Gemini CLI - D&D Style!
Avatar for Riccardo Carlesso palladius
1
150
connect-python: convenient protobuf RPC for Python
Avatar for Anuraag Agrawal anuraaga
0
330
TypeScript 5.9 で使えるようになった import defer でパフォーマンス最適化を実現する
Avatar for おおいし bicstone
1
560
Stay Hacker 〜九州で生まれ、Perlに出会い、コミュニティで育つ〜
Avatar for Kazuhiko Yamashita pyama86
2
3.2k
Microservices Platforms: When Team Topologies Meets Microservices Patterns
Avatar for Chris Richardson cer
PRO
1
760
CSC305 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
210
251126 TestState APIってなんだっけ?Step Functionsテストどう変わる?
Avatar for Takumi Abe east_takumi
0
290
Combinatorial Interview Problems with Backtracking Solutions - From Imperative Procedural Programming to Declarative Functional Programming - Part 1
Avatar for Philip Schwarz philipschwarz
PRO
0
110
Querying Design System デザインシステムの意思決定を支える構造検索
Avatar for ikuma-t ikumatadokoro
1
1.2k
JJUG CCC 2025 Fall: Virtual Thread Deep Dive
Avatar for ternbusty ternbusty
3
500
ViewファーストなRailsアプリ開発のたのしさ
Avatar for sugiwe sugiwe
0
260
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
Avatar for Ryota Nakamura nowaki28
0
130

Featured

See All Featured
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.8k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
690

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