今日はオートレイアウトを使ってナビゲーションを完成させていきます!
最初はできることが縛られて融通が効かないオートレイアウトですが、仕組みが決まっているUIを作る時はそのルールの中で組み立てられるので使い分けができるようになってくると強いです。
とにかく最初のうちはコツコツ使って挙動に慣れましょ~。
❐ Figmaファイル
-------------------------------------------
動画で完成したFigmaファイルはこちらhttps://www.figma.com/file/PsfpGb1fhe1wyyRZHvpgt1/%F0%9F%8D%B0Figma%3AAutolayoutComponent%C3%97%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B9?node-id=90%3A15250&t=prPDT58xfVIJljO0-1
❐ 関連動画
-------------------------------------------
Figma入門シリーズ
https://www.youtube.com/playlist?list=PLpe817jgOmIpcrK1s-z6KTOjli5G1ds0Z
オートレイアウトの機能説明
コンポーネント機能説明
❐ 目次
-------------------------------------------
00:00 オートレイアウトを使うパート
01:37 完璧を目指さないやる量を増やそう
02:32 ナビコンテンツを完成させる
04:35 アイテムブロックのリンク範囲を調整
08:39 ロゴブロックをデザイン
13:14 ボタンブロックをデザイン
16:32 オートレイアウト内側を調整
24:15 プロフィールブロックをデザイン
32:36 全体調整をして完成へ
37:03 次はフィードをデザインしていきます!
今日はオートレイアウトを使ってナビゲーションを完成させていきます!
最初はできることが縛られて融通が効かないオートレイアウトですが、仕組みが決まっているUIを作る時はそのルールの中で組み立てられるので使い分けができるようになってくると強いです。
とにかく最初のうちはコツコツ使って挙動に慣れましょ~。
❐ Figmaファイル
-------------------------------------------
動画で完成したFigmaファイルはこちらhttps://www.figma.com/file/PsfpGb1fhe1wyyRZHvpgt1/%F0%9F%8D%B0Figma%3AAutolayoutComponent%C3%97%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B9?node-id=90%3A15250&t=prPDT58xfVIJljO0-1
❐ 関連動画
-------------------------------------------
Figma入門シリーズ
https://www.youtube.com/playlist?list=PLpe817jgOmIpcrK1s-z6KTOjli5G1ds0Z
オートレイアウトの機能説明
コンポーネント機能説明
❐ 目次
-------------------------------------------
00:00 オートレイアウトを使うパート
01:37 完璧を目指さないやる量を増やそう
02:32 ナビコンテンツを完成させる
04:35 アイテムブロックのリンク範囲を調整
08:39 ロゴブロックをデザイン
13:14 ボタンブロックをデザイン
16:32 オートレイアウト内側を調整
24:15 プロフィールブロックをデザイン
32:36 全体調整をして完成へ
37:03 次はフィードをデザインしていきます!
今日はオートレイアウトを使ってナビゲーションを完成させていきます!
最初はできることが縛られて融通が効かないオートレイアウトですが、仕組みが決まっているUIを作る時はそのルールの中で組み立てられるので使い分けができるようになってくると強いです。
とにかく最初のうちはコツコツ使って挙動に慣れましょ~。
❐ Figmaファイル
-------------------------------------------
動画で完成したFigmaファイルはこちらhttps://www.figma.com/file/PsfpGb1fhe1wyyRZHvpgt1/%F0%9F%8D%B0Figma%3AAutolayoutComponent%C3%97%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B9?node-id=90%3A15250&t=prPDT58xfVIJljO0-1
❐ 関連動画
-------------------------------------------
Figma入門シリーズ
https://www.youtube.com/playlist?list=PLpe817jgOmIpcrK1s-z6KTOjli5G1ds0Z
オートレイアウトの機能説明
コンポーネント機能説明
❐ 目次
-------------------------------------------
00:00 オートレイアウトを使うパート
01:37 完璧を目指さないやる量を増やそう
02:32 ナビコンテンツを完成させる
04:35 アイテムブロックのリンク範囲を調整
08:39 ロゴブロックをデザイン
13:14 ボタンブロックをデザイン
16:32 オートレイアウト内側を調整
24:15 プロフィールブロックをデザイン
32:36 全体調整をして完成へ
37:03 次はフィードをデザインしていきます!
0 Comments