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
200
Googleの新デザイン言語 Material You
静大情報LT大会 -2021年10月-
Sora Arakawa
October 30, 2021
Tweet
Share
More Decks by Sora Arakawa
See All by Sora Arakawa
非root化Androidスマホでも動く仮想マシンアプリを試してみた
arkw
0
630
技術島の指定ツール「LaTeX」で同人誌を作ろう
arkw
2
240
ポスト・パソコン時代のジャンク遊び スマートデバイス編
arkw
0
150
ジャンカーよ、車も買え ~10分でわかる!? 中古車選び入門~
arkw
1
150
arkw vs. サーバ移転 -2024年1月版-
arkw
0
310
なれる! 村上さん Misskeyサーバ構築入門
arkw
0
580
Cloudflare Tunnelで自宅サーバを公開してみた
arkw
0
1.6k
5分でわかる!? 7セグメントLED制御
arkw
0
77
ヤフオクで原付買った話
arkw
0
230
Other Decks in Design
See All in Design
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
180
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
1
200
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
Yumika Yamada Portfolio
yumii
0
1.7k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
890k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.7k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
kinomidesign
0
110
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
450
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
400
portfolio.pdf
onof003
0
180
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
300
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Context Engineering - Making Every Token Count
addyosmani
5
180
Building Adaptive Systems
keathley
43
2.8k
Scaling GitHub
holman
463
140k
Designing for Performance
lara
610
69k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Site-Speed That Sticks
csswizardry
11
880
The Cult of Friendly URLs
andyhume
79
6.6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Balancing Empowerment & Direction
lara
4
680
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
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を参照
• 角丸すこすこすこ
ご清聴ありがとうございました