Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Material Design とは

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

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
270
DroidKaigi初めて登壇したレポ
Avatar for みっちゃん mitchan
1
200
実践！難読化ガイド
Avatar for みっちゃん mitchan
0
3.4k
「実践！難読化ガイド」事前予告編
Avatar for みっちゃん mitchan
0
290
画面遷移 〜iOSとAndroid〜
Avatar for みっちゃん mitchan
0
310
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
Avatar for みっちゃん mitchan
0
530
ドキュメントから adbコマンドの仕組みを読み解く
Avatar for みっちゃん mitchan
1
340
2024年は難読化と仲良くなりたい
Avatar for みっちゃん mitchan
0
390

Other Decks in Programming

See All in Programming
NUMA環境とコンテナランタイム ― youki における Linux Memory Policy 実装
Avatar for n4mlz n4mlz
1
210
AIエンジニアリングのご紹介 / Introduction to AI Engineering
Avatar for r-kagaya rkaga
5
1.9k
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
Avatar for Matsumoto Moeka moeka__c
6
3k
ローターアクトEクラブ アメリカンナイト：川端 柚菜 氏（Japan O.K. ローターアクトEクラブ 会長）:2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
Avatar for 2720 Japan O.K. ロータリーEクラブ 2720japanoke
0
720
関数の挙動書き換える
Avatar for takato fukui takatofukui
4
780
[堅牢.py #1] テストを書かない研究者に送る、最初にテストを書く実験コード入門 / Let's start your ML project by writing tests
Avatar for Shunsuke KITADA shunk031
12
7.1k
Rediscover the Console - SymfonyCon Amsterdam 2025
Avatar for Robin Chalas chalasr
2
150
dotfiles 式年遷宮 令和最新版
Avatar for masawada masawada
1
710
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
200
Building AI Agents with TypeScript #TSKaigiHokuriku
Avatar for izumin5210 izumin5210
6
1.2k
チームをチームにするEM
Avatar for hitode909 hitode909
0
280
Go コードベースの構成と AI コンテキスト定義
Avatar for ANDPAD inc andpad
0
110

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
790
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.4k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
It's Worth the Effort
Avatar for 3n 3n
187
29k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.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