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

Material Design とは

みっちゃん
May 29, 2023
Programming
0
82

Material Design とは

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

See All by みっちゃん
DroidKaigi初めて登壇したレポ
mitchan
1
89
実践！難読化ガイド
mitchan
0
1.5k
「実践！難読化ガイド」事前予告編
mitchan
0
180
画面遷移 〜iOSとAndroid〜
mitchan
0
41
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
mitchan
0
340
ドキュメントから adbコマンドの仕組みを読み解く
mitchan
1
230
2024年は難読化と仲良くなりたい
mitchan
0
300
STORES二年生が得た新しい視点
mitchan
0
250
TabLayoutの「選択されていないインジケーター」にも色を付けるには
mitchan
0
75

Other Decks in Programming

See All in Programming
Amazon Bedrock Agentsを用いてアプリ開発してみた！
har1101
0
350
カンファレンスの「アレ」Webでなんとかしませんか？ / Conference “thing” Why don't you do something about it on the Web?
dero1to
1
130
rails new flags - `rails new` のフラグから Rails を構成するコンポーネントの変遷をザックリ眺める
snaka
0
1.8k
エンジニアとして関わる要件と仕様(公開用)
murabayashi
0
320
「天気予報があなたに届けられるまで」 - NIFTY Tech Talk #22
niftycorp
PRO
0
100
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
0
130
as（型アサーション）を書く前にできること
marokanatani
10
2.8k
Outline View in SwiftUI
1024jp
1
350
距離関数を極める！ / SESSIONS 2024
gam0022
0
310
Jakarta EE meets AI
ivargrimstad
0
850
Functional Event Sourcing using Sekiban
tomohisa
0
110
ペアーズにおけるAmazon Bedrockを⽤いた障害対応⽀援 ⽣成AIツールの導⼊事例 @ 20241115配信AWSウェビナー登壇
fukubaka0825
6
2.1k

Featured

See All Featured
Faster Mobile Websites
deanohume
305
30k
BBQ
matthewcrist
85
9.3k
We Have a Design System, Now What?
morganepeng
50
7.2k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
Designing for Performance
lara
604
68k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Typedesign – Prime Four
hannesfritz
40
2.4k

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