Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Material Design とは

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

Material Design とは

Avatar for みっちゃん

みっちゃん

May 29, 2023

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
ActionController meets Protocol Buffers
Avatar for Sorah Fukumori sorah
1
780
そのデザイントークン、Flutterでも同じ見た目になりますか？
Avatar for nakamizu nakamizu
0
300
DroidKnights 2026 Android A2UI Jetpack Compose 기반의 안전한 AI UI 렌더링 - 박제창
Avatar for JaiChangPark itsmedreamwalker
1
150
クラウドエージェントは、 何がそんなに便利なのか / what makes cloud agents so useful
Avatar for r-kagaya rkaga
5
730
[2026-10-14](C)Re:ゼロから始める異世界生活〜始まりの終わりと終わりの始まり〜
Avatar for tosite tosite
0
310
GraphQL の onError と Nullability のこれから
Avatar for Yosuke Kurami quramy
0
200
graphql-ruby を Spinel で速くしようとした話
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
140
Kotlinの15年とServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
190
Inertia Rails: The One-Person Framework with React & Friends
Avatar for Svyatoslav Kryukov skryukov
0
380
学びを記事・スライド・Xへ高速展開する― AI-assisted Learning Loopで回すコンテンツ生成術
Avatar for Ochtum ochtum
0
190
AI Augmentation Techniques with Liberty
Avatar for ivargrimstad ivargrimstad
1
340
Railsバージョンを4倍にした話
Avatar for OPTiM optim
0
920

Featured

See All Featured
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
610
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
680
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
240
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.7k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
3
1.4k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
4
4.1k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
950
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.3k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
570
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
630

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