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

Material Design とは

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

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
Avatar for mackey0225 mackey0225
2
580
Microsoft Orleans, Daprのアクターモデルを使い効率的に開発、デプロイを行うためのSekibanの試行錯誤 / Sekiban: Exploring Efficient Development and Deployment with Microsoft Orleans and Dapr Actor Models
Avatar for Tomohisa Takaoka tomohisa
0
210
CSC305 Summer Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
100
なぜ今、Terraformの本を書いたのか？ - 著者陣に聞く！『Terraformではじめる実践IaC』登壇資料
Avatar for Ryoma Fujiwara fufuhu
4
660
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
Avatar for ivargrimstad ivargrimstad
0
210
サイトを作ったらNFCタグキーホルダーを爆速で作れ！
Avatar for Yuuki Shimizu yuukis
0
510
管你要 trace 什麼、bpftrace 用下去就對了 — COSCUP 2025
Avatar for shunghsiyu shunghsiyu
0
470
Portapad紹介プレゼンテーション
Avatar for KAKERU gotoumakakeru
1
130
Namespace and Its Future
Avatar for Satoshi Tagomori tagomoris
6
530
Claude Codeで挑むOSSコントリビュート
Avatar for kmuto eycjur
0
180
サーバーサイドのビルド時間87倍高速化
Avatar for PLAID Tech plaidtech
PRO
0
510
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
Avatar for NakamuraTakumi nyatinte
7
910

Featured

See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
50
5.5k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.8k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
338
57k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.6k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k

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