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

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
0
6.3k
2024年にチャレンジしたことを振り返るぞ
Avatar for みっちゃん mitchan
0
250
DroidKaigi初めて登壇したレポ
Avatar for みっちゃん mitchan
1
190
実践！難読化ガイド
Avatar for みっちゃん mitchan
0
3.1k
「実践！難読化ガイド」事前予告編
Avatar for みっちゃん mitchan
0
280
画面遷移 〜iOSとAndroid〜
Avatar for みっちゃん mitchan
0
260
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
Avatar for みっちゃん mitchan
0
510
ドキュメントから adbコマンドの仕組みを読み解く
Avatar for みっちゃん mitchan
1
330
2024年は難読化と仲良くなりたい
Avatar for みっちゃん mitchan
0
380

Other Decks in Programming

See All in Programming
CSC305 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
220
実践Claude Code：20の失敗から学ぶAIペアプログラミング
Avatar for 武田隆志 takedatakashi
14
4.9k
大規模アプリのDIフレームワーク刷新戦略 ～過去最大規模の並行開発を止めずにアプリ全体に導入するまで～
Avatar for GO Inc. dev mot_techtalk
1
460
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
Avatar for Takeru Hayasaka takehaya
9
1.7k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
200
Serena MCPのすすめ
Avatar for wadakatu wadakatu
4
1k
オープンソースソフトウェアへの解像度🔬
Avatar for うたもく utam0k
16
3k
Flutterで分数(Fraction)を表示する方法
Avatar for kouki.miura koukimiura
0
130
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
Avatar for GENIEE ,Inc geniee_inc
0
110
あなたとKaigi on Rails / Kaigi on Rails + You
Avatar for Hiroshi Shimoju shimoju
0
170
開発生産性を上げるための生成AI活用術
Avatar for starfish719 starfish719
3
1.2k
Le côté obscur des IA génératives
Avatar for Pascal Le Merrer pascallemerrer
0
150

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
870
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
460
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
209
24k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
353
21k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
8.9k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
232
18k

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