戻る
メンバーシップになる
トップ
/
UIの教科書 - マテリアルデザイン
/
マテリアルデザインを読むべき理由【きついけど上達の近道】
コンテンツ一覧
コミュニティ
0

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

September 17, 2021
UI Design
保存
保存中
すべてを閲覧するにはBONOメンバーシップに登録しよう
BONO - プロと学ぶUIとUXのコミュニティ
詳細

□ 【動画で使ったドキュメント】マテリアルデザインを読むべき理由■
https://www.notion.so/takumikai/a28e63c187914b958a7d831532585f4c

□ 【目次】 

00:00 動画の内容

03:13 話の結論

06:38 1.UIには型がありマテリアルデザインがまとめてくれている

11:48 2.型はコードと連動している

18:38 Qに答えていく

26:07 質問-型が分かれば口数もわかる?

31:29 マテリアル〜は一旦全部読もう

33:58 エンジニアさんにこれはできませんと言われるのはどんな時?

▽ 投稿した内容

今日の内容 - この疑問に答える有名ガイドラインを読む意味

Q. ソフトウェアやアプリのデザインするならコードのこと理解しないといけないですよね?
Q. UIのビジュアルってどうやって上手くなればいいんですか?
Q. エンジニアさんに聞かないと実現可能なデザインってわからなくないですか?
Q. なんで画面の上の方に「<」っていつもあるんですか?下じゃダメなんですか?
Q. なんでUIの型を基本的に使った方が良いんですか?オリジナリティ出したいです
Q. スマホアプリと、PCビューのUIデザインって別ジャンルですよね?

□ 【動画で使ったドキュメント】マテリアルデザインを読むべき理由■
https://www.notion.so/takumikai/a28e63c187914b958a7d831532585f4c

□ 【目次】 

00:00 動画の内容

03:13 話の結論

06:38 1.UIには型がありマテリアルデザインがまとめてくれている

11:48 2.型はコードと連動している

18:38 Qに答えていく

26:07 質問-型が分かれば口数もわかる?

31:29 マテリアル〜は一旦全部読もう

33:58 エンジニアさんにこれはできませんと言われるのはどんな時?

▽ 投稿した内容

今日の内容 - この疑問に答える有名ガイドラインを読む意味

Q. ソフトウェアやアプリのデザインするならコードのこと理解しないといけないですよね?
Q. UIのビジュアルってどうやって上手くなればいいんですか?
Q. エンジニアさんに聞かないと実現可能なデザインってわからなくないですか?
Q. なんで画面の上の方に「<」っていつもあるんですか?下じゃダメなんですか?
Q. なんでUIの型を基本的に使った方が良いんですか?オリジナリティ出したいです
Q. スマホアプリと、PCビューのUIデザインって別ジャンルですよね?

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