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

Material Design とは

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for みっちゃん みっちゃん
May 29, 2023
Programming
100
0

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
Avatar for shogogg shogogg
2
810
Rethinking API Platform Filters
Avatar for Vincent Amstoutz vinceamstoutz
0
10k
PHP 7.4でもOpenTelemetryゼロコード計装がしたい！ / PHPerKaigi 2026
Avatar for Arthur arthur1
1
530
Kubernetes上でAgentを動かすための最新動向と押さえるべき概念まとめ
Avatar for Sota Makino sotamaki0421
3
430
Running Swift without an OS
Avatar for Kishikawa Katsumi kishikawakatsumi
0
230
PCOVから学ぶコードカバレッジ #phpcon_odawara
Avatar for hideki kinjyo o0h
PRO
0
210
AIと共にエンジニアとPMの “二刀流”を実現する
Avatar for Naruo Yoshiki naruogram
0
130
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
Avatar for Tasuku Watanabe tasukuwatanabe
3
440
Coding as Prompting Since 2025
Avatar for Jimmy Moon ragingwind
0
750
実践ハーネスエンジニアリング #MOSHTech
Avatar for Takuma Kajikawa kajitack
7
5.9k
車輪の再発明をしよう！PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
Avatar for H1R0 h1r0
3
510
事業会社でのセキュリティ長期インターンについて
Avatar for inlet-back masachikaura
0
230

Featured

See All Featured
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
150
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
800
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
27
3.4k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
33k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.1k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
170
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
210
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
790

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