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

Material Design とは

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

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
地方に住むエンジニアの残酷な現実とキャリア論
Avatar for nakamichi ichimichi
5
1.2k
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
Avatar for Nealle nealle
0
100
Benchmark
Avatar for 송상윤 sysong
0
250
VS Code Update for GitHub Copilot
Avatar for 74th(Atsushi Morimoto) 74th
1
270
A comprehensive view of refactoring
Avatar for Marabesi marabesi
0
970
関数型まつり2025登壇資料「関数プログラミングと再帰」
Avatar for Taison Tsukada taisontsukada
2
840
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
Avatar for Hayato OKUMOTO falcon8823
4
880
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
Avatar for shimabox shimabox
2
270
Select API from Kotlin Coroutine
Avatar for Matsuda Jumpei jmatsu
1
190
既存デザインを変更せずにタップ領域を広げる方法
Avatar for Tiphaine tahia910
1
240
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
Avatar for Takuya Katsusa takuyakatsusa
2
300
Is Xcode slowly dying out in 2025?
Avatar for 上ちょ / uetyo uetyo
1
190

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
Scaling GitHub
Avatar for Zach Holman holman
459
140k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
92
6.1k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.3k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
270
20k

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