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

Material Design とは

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

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

See All by みっちゃん
Android値受け渡し大全 〜 設計を制する者が「渡す」を制す 〜
Avatar for みっちゃん mitchan
0
450
2024年にチャレンジしたことを振り返るぞ
Avatar for みっちゃん mitchan
0
240
DroidKaigi初めて登壇したレポ
Avatar for みっちゃん mitchan
1
170
実践！難読化ガイド
Avatar for みっちゃん mitchan
0
3k
「実践！難読化ガイド」事前予告編
Avatar for みっちゃん mitchan
0
280
画面遷移 〜iOSとAndroid〜
Avatar for みっちゃん mitchan
0
230
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
Avatar for みっちゃん mitchan
0
490
ドキュメントから adbコマンドの仕組みを読み解く
Avatar for みっちゃん mitchan
1
320
2024年は難読化と仲良くなりたい
Avatar for みっちゃん mitchan
0
380

Other Decks in Programming

See All in Programming
AIでLINEスタンプを作ってみた
Avatar for kmuto eycjur
1
230
Tool Catalog Agent for Bedrock AgentCore Gateway
Avatar for matsukada licux
6
2.5k
ProxyによるWindow間RPC機構の構築
Avatar for syumai syumai
3
1.2k
Rancher と Terraform
Avatar for Ryoma Fujiwara fufuhu
2
400
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
Avatar for cc4966 cc4966
1
230
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
Avatar for Tomoki Kobayashi temoki
0
320
そのAPI、誰のため？ Androidライブラリ設計における利用者目線の実践テクニック
Avatar for mkeeda mkeeda
2
310
はじめてのMaterial3 Expressive
Avatar for yume ym223
2
440
開発チーム・開発組織の設計改善スキルの向上
Avatar for 増田 亨 masuda220
PRO
20
11k
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
Avatar for Tetta Noguchi tetta_pdnt
0
330
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
Avatar for Naoki Kishida kishida
22
5.8k
詳解！defer panic recover のしくみ / Understanding defer, panic, and recover
Avatar for convto convto
0
240

Featured

See All Featured
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.8k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.4k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.2k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k

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