戻る
メンバーシップになる
トップ
/
UIの教科書 - マテリアルデザイン
/
整った見た目を作りやすくする”サイズ”を決める方法
コンテンツ一覧
コミュニティ
5

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

October 12, 2021
保存
保存中
BONO
プロと学ぶUIとUXのコミュニティ
詳細

□ 対象のページ

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