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
ジャンカーよ、車も買え ~10分でわかる!? 中古車選び入門~
arkw
0
13
arkw vs. サーバ移転 -2024年1月版-
arkw
0
140
なれる! 村上さん Misskeyサーバ構築入門
arkw
0
310
Cloudflare Tunnelで自宅サーバを公開してみた
arkw
0
1k
5分でわかる!? 7セグメントLED制御
arkw
0
52
ヤフオクで原付買った話
arkw
0
170
パソコンの消費電力と省エネ化のおはなし
arkw
0
260
"成果物"を作ろう(提案)
arkw
0
240
Python(+α)でスマートプラグを制御してみた
arkw
0
1.2k
Other Decks in Design
See All in Design
デザインスプリントを活かすチームの在り方
mixi_design
PRO
1
630
RIDLEY JONES - Ridley's Christmas Carol
serenascipio
1
130
Shinjuku.rb #91 好きなもの紹介LT大会 "便利"や"役に立つ"とは別方面のRubyをつかったプログラミングがたのしい話
bash0c7
0
150
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
250
3 Reasons Why I Got into Design
harukausui
1
140
Speed Design
sergeychernyshev
18
400
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
2k
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
3
450
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.8k
Первая беседа о Карте реализации историй
ashapiro
0
100
0→1でデザイナーは何とむきあうのか? / 0→1 Meetup 〜多様な0→1フェーズにおけるデザイナーの働き方〜 / Yasuhiro Yokota
yasuhiroyokota
1
440
Designing and Automating Component Specifications
nathanacurtis
3
350
Featured
See All Featured
Navigating Team Friction
lara
183
13k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
24
2k
Gamification - CAS2011
davidbonilla
79
4.9k
Embracing the Ebb and Flow
colly
83
4.4k
The Language of Interfaces
destraynor
153
23k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
354
29k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
88
15k
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
KATA
mclloyd
27
13k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
278
13k
Stop Working from a Prison Cell
hatefulcrawdad
266
20k
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を参照
• 角丸すこすこすこ
ご清聴ありがとうございました