戻る
メンバーシップになる
コンテンツ一覧
コミュニティ
4

光&影-シャドウのデザイン

August 18, 2021
BONO
プロと学ぶUIとUXのコミュニティ
詳細

Material Designを読むシリーズです。


□ 今回のページ

https://material.io/design/environment/light-shadows.html#light

□ まとめてくれたスライド

●ページをまとめたもの

https://www.notion.so/03-Light-and-Shadow-5bf3b2254b7a4a9a849f113b147c7d48

□ 目次

02:00 影と光の解説

11:17 質問タイム

16:00 キーライトを当てる方向

16:54 ボタンによる状態変化

19:00 MaterialYouでシャドウを減らした

23:32 次の話


UIの教科書 - マテリアルデザイン

1
コミュニティでの輪読会について
2
コミュニティでの輪読会について

コミュニティでの輪読会について

マテリアルデザインを読むべき理由【きついけど上達の近道】
42:18
マテリアルデザインを読むべき理由【きついけど上達の近道】

マテリアルデザインを読むべき理由【きついけど上達の近道】

Material.ioの読み方
12:48
Material.ioの読み方

Material.ioの読み方

1.Environment
2
1.Environment

1.Environment

Surfaces - 紙をモチーフにUIの中に"表面"を定義する
21:05
Surfaces - 紙をモチーフにUIの中に"表面"を定義する

Surfaces - 紙をモチーフにUIの中に"表面"を定義する

Elevation - UIに階層、見えてますか?
49:12
Elevation - UIに階層、見えてますか?

Elevation - UIに階層、見えてますか?

光&影-シャドウのデザイン
31:46
光&影-シャドウのデザイン

光&影-シャドウのデザイン

整った見た目を作りやすくする”サイズ”を決める方法
54:02
整った見た目を作りやすくする”サイズ”を決める方法

整った見た目を作りやすくする”サイズ”を決める方法

Spacing methods - 余白デザインの基本
11:47
Spacing methods - 余白デザインの基本

Spacing methods - 余白デザインの基本

Understanding Navigation - ナビゲーションの基本的な考え方を知ろう
21:31
Understanding Navigation - ナビゲーションの基本的な考え方を知ろう

Understanding Navigation - ナビゲーションの基本的な考え方を知ろう

ColorSystem-配色は役割でルール化しよう
27:51
ColorSystem-配色は役割でルール化しよう

ColorSystem-配色は役割でルール化しよう

トップ
/
UIの教科書 - マテリアルデザイン
/
光&影-シャドウのデザイン