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

Material Design とは

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for みっちゃん みっちゃん
May 29, 2023
Programming
110
0

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
ITヒヤリハットを整理してみた ～ライフサイクルと原因から考える再発防止策～
Avatar for kouki.miura koukimiura
1
110
Welcome to the "Parametricity" 🏙️ − Generic だけど Specific な世界 −
Avatar for TAKASE Kazuyuki guvalif
PRO
1
170
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
Avatar for HideyukiKitao panda728
PRO
2
150
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
3
860
Go言語とトイモデルで学ぶTransformerの気持ち / fukuokago23-transformer
Avatar for monochromegane monochromegane
0
120
地域 SRE コミュニティ最前線 - ホンマでっかSRE勉強会
Avatar for tk3fftk tk3fftk
0
250
関数型プログラミングのメリットって何だろう？
Avatar for わんこ(Wanko_IT) wanko_it
0
180
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
Avatar for Kenji Kono konokenj
2
570
Generative UI & AI-Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
AIエージェントで 変わるAndroid開発環境
Avatar for takahirom takahirom
2
680
PHP Application における Kubernetes 内 gRPC 通信
Avatar for Shin Ohno ganchiku
0
500
どこまでゆるくて許されるのか
Avatar for tk3fftk tk3fftk
0
500

Featured

See All Featured
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
290
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
350
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
640
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
170
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
540
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.4k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.4k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
830

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