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

Material Design とは

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

Material Design とは

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
バグを見つけた？それAppleに直してもらおう！
uetyo
0
210
ChatGPT とつくる PHP で OS 実装
memory1994
PRO
3
170
AppRouterを用いた大規模サービス開発におけるディレクトリ構成の変遷と問題点

eiganken
1
420
Findy Team+ Awardを受賞したかった！ベストプラクティス応募内容をふりかえり、開発生産性向上もふりかえる / Findy Team Plus Award BestPractice and DPE Retrospective 2024
honyanya
0
130
Androidアプリの One Experience リリース
nein37
0
890
PHPで作るWebSocketサーバー ~リアクティブなアプリケーションを知るために~ / WebSocket Server in PHP - To know reactive applications
seike460
PRO
2
740
Fixstars高速化コンテスト2024準優勝解法
eijirou
0
180
どうして手を動かすよりもチーム内のコードレビューを優先するべきなのか
okashoi
3
840
Fibonacci Function Gallery - Part 2
philipschwarz
PRO
0
210
PHPとAPI Platformで作る本格的なWeb APIアプリケーション（入門編） / phpcon 2024 Intro to API Platform
ttskch
0
370
数十万行のプロジェクトを Scala 2から3に完全移行した
xuwei_k
0
1.1k
ある日突然あなたが管理しているサーバーにDDoSが来たらどうなるでしょう？知ってるようで何も知らなかったDDoS攻撃と対策 #phpcon.2024
akase244
2
7.7k

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
Automating Front-end Workflow
addyosmani
1366
200k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
97
17k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Cult of Friendly URLs
andyhume
78
6.1k
Code Review Best Practice
trishagee
65
17k
Statistics for Hackers
jakevdp
797
220k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.7k
Navigating Team Friction
lara
183
15k
BBQ
matthewcrist
85
9.4k

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