ページ同士の関係性とボトムナビのデザインを解説【ページ間の移動考えたことありますか？】

2024

年

月

日

スキルを上げて、創造のための武器を手に入れよう

すべての動画閲覧には、メンバーシップ加入が必要です

メンバー登録について

スマホのUIでよく出てくるボトムナビゲーションをデザインします。ボトムナビゲーションは「ユーザーが想起する最上位の概念」が配置されます。
平たくいうと捜査の出発点になるページを割り当てます。
これはWebデザインでいう”グローバルナビゲーション”とほぼ同じ位置づけになります。

📜目次
-----------------------------------------------

00:00 動画で解説すること
00:30 ①ボトムナビについて
04:02 ②階層と平行の構造

■動画で使っているもの
----------------------------------------------

・動画したものが見れるFigmaのURL
https://figma.fun/6ax8g4

📜目次
-----------------------------------------------

00:00 動画で解説すること
00:30 ①ボトムナビについて
04:02 ②階層と平行の構造

■動画で使っているもの
----------------------------------------------

・動画したものが見れるFigmaのURL
https://figma.fun/6ax8g4

Load Previous

No Name

Set

2 years ago

Moderator

(Edited)

Delete Forever

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.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

はじめてのUIデザイン

1. UIデザインの概要を手を動かしながら知ろう

成長率10倍でUIデザインを身につける初級チュートリアル

メッセージリストUIをデザイン【余白のサイズはルールで決める】

2. トーク画面をデザイン

2.ヘッダーUIをデザインしよう

4.UIデザインの超基本の構成を解説【デザイナーにはこう見えてます】

3. チャット画面をデザイン

5.チャットUIをデザインしよう【人の目線は右と左どちらから始まる？】

デザインしたチャットUIを解説【なぜチャットの色は1色じゃないのか？】

4. ナビゲーションをデザイン

ボトムナビゲーションをデザインしよう【アイコンは正方形で配置】