【2分で実践】XDで画面下固定フッターを作成する方法

XDで画面下に配置する固定フッターを作成する方法を紹介していきます。

イメージはこんな感じ。

XDで固定フッターを作成する方法

Webディレクターは割とXDを触る機会が多いので、地味な技術ですがまとめます。

ヘッダーを作成する方法はこちらで解説していますので併せてどうぞ!やり方は簡単すぎるのでサクッと解説していきます。

XDで固定フッターを作成する方法

固定したいフッターを作ります。

固定フッターを作成

作ったらグループ化しておきましょう。

ビューポート位置に設定

作った固定フッターをビューポート位置に移動します。

ビューポートとは

ファーストビューの高さです。(青の点線のやつ)

XDのビューポートとは

「スクロール時に位置を固定」を設定

作った固定フッターを選択して右サイドバーにある「スクロール時に位置を固定」にチェックを入れます。

これだけ!!

【まとめ】フッターを固定する方法は簡単でした。

というわけで記事は以上です。ポイントは常に全面に表示しておくくらいです。XDの編集画面では見栄え悪いですがクライアントなどに共有する際はプレビュー画面のみしか表示されないなので問題ないかと!

今回は以上です。

関連記事は↓から

XDで固定ヘッダーを作成する方法【応用方法もセットで解説】

Adobe Xdで画像をモノクロにする方法

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA