Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Material Design とは
Search
みっちゃん
May 29, 2023
Programming
0
67
Material Design とは
みっちゃん
May 29, 2023
Tweet
Share
More Decks by みっちゃん
See All by みっちゃん
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
mitchan
0
270
ドキュメントから adbコマンドの仕組みを読み解く
mitchan
1
190
2024年は難読化と仲良くなりたい
mitchan
0
260
STORES二年生が得た新しい視点
mitchan
0
240
TabLayoutの「選択されていないインジケーター」にも色を付けるには
mitchan
0
54
勉強方法としてのコミュニティ活用
mitchan
0
710
Android端末のNFCを無効化しようとしてダメだった話
mitchan
1
4.6k
頑張ってKotlin率をちょっとあげた話
mitchan
0
180
Other Decks in Programming
See All in Programming
Namespace on read
tagomoris
2
370
CSC307 Lecture 14
javiergs
PRO
0
220
[After Kotlin Fest 2024 LT Night @ Sansan] もっともっとKotlinを好きになる!K2 Compiler Pluginで遊んでみよう!
kitakkun
2
260
CSC307 Lecture 07
javiergs
PRO
0
220
「2024年版 Kotlin サーバーサイドプログラミング実践開発」の補講 〜O/Rマッパー編〜
n_takehata
2
260
実用的かつリーズナブルな 「Azure × Gemini × LINE」~キャラクターBot 実装ライブデモ~
tomodo_ysys
1
170
ぼっちを避けて楽しむためのアノテコノテ / Various Tips and Tricks to Avoid Loneliness and Have Fun
nrslib
3
1.7k
企業向け生成AIアプリの 開発から得られた知見
takaakikakei
0
310
Rustのweb開発を助ける 便利なツール紹介
yuki0418
1
190
Webエディタライブラリ 「CodeMirror」から学ぶ Webアプリ開発のテクニック
ryosukeigarashi
0
250
Modern Angular: Renovation for Your Applications
manfredsteyer
PRO
0
140
Cloudflare Workers x AWS Lambdaの組み合わせユースケース / Cloudflare Workers x AWS Lambda Combination Use Case
seike460
PRO
2
310
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
13
430
Why Our Code Smells
bkeepers
PRO
332
56k
Git: the NoSQL Database
bkeepers
PRO
423
64k
Leading Effective Engineering Teams 2024
addyosmani
3
300
A Tale of Four Properties
chriscoyier
155
22k
Unsuck your backbone
ammeep
666
57k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
From Idea to $5000 a Month in 5 Months
shpigford
377
46k
Agile that works and the tools we love
rasmusluckow
325
20k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
Transcript
Material Designとは 登壇者:みっちゃん
Material Designはなぜ必要か 一番の目的はアプリのデザインを統一すること! アプリはデザインが統一されている必要があります。 そのためにDesign Systemがあります。 2
Design Systemとは アプリの中でデザインがブレないように用意するコンポーネントや、プ ロダクトにおけるデザインの決まり事 例えば、SmartHRさんはプロダクトのDesignSystemを公開されている 3
Material DesignもDesign Systemです!! 4
Material Designをどう使う? Material Designはあくまで手段 Material Designの全てを使わないといけないわけではない! デザイナーさんとのやりとりをもっと円滑に行うためのユビキタス言語* (*全員で同じ言葉でコミュニケーションを行うための共通言語の定義) 5
MaterialDesignは従来のデザインとどう違う? 従来のデザイン(M2) • 凹凸がある・立体的 • elevation(陰)がある • 色が濃い • 四角い・角がはっきりしている
Material 3 • 平面的 • elevation(陰)がない • 色が淡い • 全体的に丸い
まとめ 可愛くなった。(♡) 7