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
Googleの新デザイン言語 Material You
Search
Sora Arakawa
October 30, 2021
Design
0
160
Googleの新デザイン言語 Material You
静大情報LT大会 -2021年10月-
Sora Arakawa
October 30, 2021
Tweet
Share
More Decks by Sora Arakawa
See All by Sora Arakawa
arkw vs. サーバ移転 -2024年1月版-
arkw
0
100
なれる! 村上さん Misskeyサーバ構築入門
arkw
0
260
Cloudflare Tunnelで自宅サーバを公開してみた
arkw
0
920
5分でわかる!? 7セグメントLED制御
arkw
0
52
ヤフオクで原付買った話
arkw
0
160
パソコンの消費電力と省エネ化のおはなし
arkw
0
250
"成果物"を作ろう(提案)
arkw
0
230
Python(+α)でスマートプラグを制御してみた
arkw
0
1.1k
学情絶叫ウェブシステムGX
arkw
0
120
Other Decks in Design
See All in Design
Making impact with your craft with sociotechnical design
xinyao
1
140
decksh object reference
ajstarks
2
990
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
320
丸井グループが取り組むエンタープライズアジャイルと プロダクトマネージャーの役割
muture
3
1.2k
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
220
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
23
9.1k
We Baby Bears-Triple T Tiger
yvonnehsuanho
PRO
0
410
MiKS inc. Company PR en_202404
zakkerooni
1
770
DMMデザイナーのプロダクトへの携わり方と組織再編
takumasaito
1
160
Rebuilding Stamen’s iconic map styles with Stadia Maps
almccon
0
100
生成AIのデザイン活用
asakohs
1
200
Sensitive Texter Storyboard
ctagulao98
0
160
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
Embracing the Ebb and Flow
colly
81
4.3k
Visualization
eitanlees
139
14k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
Ruby is Unlike a Banana
tanoku
96
10k
A Tale of Four Properties
chriscoyier
155
22k
Web development in the modern age
philhawksworth
203
10k
A designer walks into a library…
pauljervisheath
201
24k
Design by the Numbers
sachag
277
18k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
Building Applications with DynamoDB
mza
89
5.8k
Transcript
Googleの新デザイン言語 Material You Sora Arakawa (arkw) 2021/10/30 静大情報LT大会@オンライン 「#静大情報LT」でツイートすると 画面上部に表示されます!
自己紹介 Sora Arakawa(arkw) • 静岡大学 情報学部 行動情報学科 B2 • 所属:某室(長)、xRサークルはまりあ、ICON
• Alexaスキル開発のバイトをしています (時給915円) • 愛知県岡崎市出身→静岡県浜松市在住 • https://arkw.net/
引っ越しました • 光回線がまだ来てない(工事延期…orz) • 今は無料レンタルのSoftbank Air(a.k.a おまえんち) • 夜間はクソ遅い(約5mbps)ので今日は某室から配信中です
“Material You” ?
このスライド
None
Material Youとは • Googleの新しいデザイン言語 • マテリアルデザインの進化版 • Android 12で初採用
None
None
None
実践編
配色 • https://materialui.co/colors/
配色 • 50~100と500~800あたりを組み合わせるといい感じ 色のパネルをクリックすると カラーコードがコピーされる(HEX、RGBなど)
フォント 個人的によく使うのは • Roboto • Kosugi(MotoyaLCedar) • Noto Sans CJK
JP • 平成書体 Googleロゴのフォント(Product Sans)はライセンスが微妙
デザイン手法 角丸しか勝たん 静大情報LT大会 静大情報LT大会
静大情報LT大会
None
まとめ • Googleの新デザイン言語「Material You」 • 背景画像から自動で配色を決定 • 自分で作る時はMaterial Design Colorsを参照
• 角丸すこすこすこ
ご清聴ありがとうございました