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

Material Design とは

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

Material Design とは

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

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

Other Decks in Programming

See All in Programming
ゆるやかにgolangci-lintのルールを強くする / Kyoto.go #56
utgwkk
2
450
テストケースの名前はどうつけるべきか？
orgachem
PRO
0
160
アクターシステムに頼らずEvent Sourcingする方法について
j5ik2o
4
360
Effective Signals in Angular 19+: Rules and Helpers
manfredsteyer
PRO
0
130
テストコードのガイドライン 〜作成から運用まで〜
riku929hr
5
950
range over funcの使い道と非同期N+1リゾルバーの夢 / about a range over func
mackee
0
110
20年もののレガシープロダクトに 0からPHPStanを入れるまで / phpcon2024
hirobe1999
0
820
PHPUnitしか使ってこなかった 一般PHPerがPestに乗り換えた実録
mashirou1234
0
330
ChatGPT とつくる PHP で OS 実装
memory1994
PRO
2
130
php-conference-japan-2024
tasuku43
0
360
StarlingMonkeyを触ってみた話 - 2024冬
syumai
3
280
これでLambdaが不要に？！Step FunctionsのJSONata対応について
iwatatomoya
2
3.8k

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Statistics for Hackers
jakevdp
796
220k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Designing for humans not robots
tammielis
250
25k
GitHub's CSS Performance
jonrohan
1031
460k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
It's Worth the Effort
3n
183
28k
What's in a price? How to price your products and services
michaelherold
244
12k
Bash Introduction
62gerente
609
210k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k

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