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

Material Design とは

みっちゃん
May 29, 2023
Programming
0
84

Material Design とは

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
270
Immutable ActiveRecord
megane42
0
130
ISUCON14公式反省会LT: 社内ISUCONの話
astj
PRO
0
180
AHC041解説
terryu16
0
590
知られざるDMMデータエンジニアの生態 〜かつてツチノコと呼ばれし者〜
takaha4k
4
1.3k
sappoRo.R #12 初心者セッション
kosugitti
0
230
Linux && Docker 研修/Linux && Docker training
forrep
23
4.5k
昭和の職場からアジャイルの世界へ
kumagoro95
1
350
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
210
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.7k
チームリードになって変わったこと
isaka1022
0
190
Lottieアニメーションをカスタマイズしてみた
tahia910
0
120

Featured

See All Featured
Documentation Writing (for coders)
carmenintech
67
4.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Fireside Chat
paigeccino
34
3.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Making Projects Easy
brettharned
116
6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M

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