シリーズ目次

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-配色は役割でルール化しよう

□ 対象のページ

https://material.io/design/layout/responsive-layout-grid.html#columns-gutters-and-margins

□ 解説まとめたNotion

https://www.notion.so/takumikai/7-20-Responsive-Layout-Grid-937212b2f013420d8d767a74136eb776

□ 解説まとめたNotion

00:00 ページの結論共有

11:36 カイクン実演

23:07 幅を%でデザインする方法

27:18 実装時の共有どうする

37:02 可変する部分を決める

46:17 グリッドレイアウトってどうやる?

□ 対象のページ

https://material.io/design/layout/responsive-layout-grid.html#columns-gutters-and-margins

□ 解説まとめたNotion

https://www.notion.so/takumikai/7-20-Responsive-Layout-Grid-937212b2f013420d8d767a74136eb776

□ 解説まとめたNotion

00:00 ページの結論共有

11:36 カイクン実演

23:07 幅を%でデザインする方法

27:18 実装時の共有どうする

37:02 可変する部分を決める

46:17 グリッドレイアウトってどうやる?

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-配色は役割でルール化しよう

閉じる

0 Comments

Active Here: 0
Be the first to leave a comment.
Loading
Load Previous
Someone is typing...
No Name
Set
4 years ago
Moderator
(Edited)
This is the actual comment. It's can be long or short. And must contain only text information.
Your comment will appear once approved by a moderator.
Load Previous
No Name
Set
2 years ago
Moderator
(Edited)
This is the actual comment. It's can be long or short. And must contain only text information.
Your reply will appear once approved by a moderator.
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More