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
180
Googleの新デザイン言語 Material You
静大情報LT大会 -2021年10月-
Sora Arakawa
October 30, 2021
Tweet
Share
More Decks by Sora Arakawa
See All by Sora Arakawa
技術島の指定ツール「LaTeX」で同人誌を作ろう
arkw
2
61
ポスト・パソコン時代のジャンク遊び スマートデバイス編
arkw
0
57
ジャンカーよ、車も買え ~10分でわかる!? 中古車選び入門~
arkw
1
62
arkw vs. サーバ移転 -2024年1月版-
arkw
0
230
なれる! 村上さん Misskeyサーバ構築入門
arkw
0
420
Cloudflare Tunnelで自宅サーバを公開してみた
arkw
0
1.3k
5分でわかる!? 7セグメントLED制御
arkw
0
61
ヤフオクで原付買った話
arkw
0
170
パソコンの消費電力と省エネ化のおはなし
arkw
0
270
Other Decks in Design
See All in Design
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
800
Rayout Pattern 01
one0
0
430
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
210
政策広報実践講座_講演資料ダイジェスト2
capitolthink
0
100
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
120
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
530
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
780
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
500
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
2.3k
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
1.2k
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1k
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
560
Featured
See All Featured
How GitHub (no longer) Works
holman
312
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
We Have a Design System, Now What?
morganepeng
51
7.3k
BBQ
matthewcrist
85
9.4k
How STYLIGHT went responsive
nonsquared
96
5.3k
4 Signs Your Business is Dying
shpigford
182
22k
Faster Mobile Websites
deanohume
305
30k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
500
How to Ace a Technical Interview
jacobian
276
23k
Docker and Python
trallard
43
3.2k
Why Our Code Smells
bkeepers
PRO
335
57k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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を参照
• 角丸すこすこすこ
ご清聴ありがとうございました