Adobe XD ヘッダーを上部固定する方法

Adobe XD でヘッダーやフッターメニューを固定表示する方法を紹介します。
紹介する方法は、追従メニューを再現するのに適した方法です。

  1. ヘッダーを固定表示する方法

ヘッダーを固定表示する方法

ヘッダーを固定表示する方法紹介します。

1)オブジェクトを作成

まずは固定表示したいオブジェクトを作成します。今回の場合は、固定表示したいヘッダーオブジェクトを作成して、グループ化してください。

2)オブジェクトを最前面へ

スクロール時に全てのオブジェクトよりも最前面へ位置している必要があるため、オブジェクトを選択後に右クリックか「オブジェクト」>「重ね順」>「最前面へ」を選択してください。

3)スクロール時に位置を固定

続いてオブジェクトを選択中に「スクロール時に位置を固定」にチェックを入れてください。

4)プレビューで確認

最後にオブジェクトが固定表示されているかをプレビューで確認してくください。他のオブジェクトが前面へ来る場合は、再度重ね順を確認してください。

まとめ

Adobe XD でヘッダーやフッターメニューを固定表示する方法を紹介しました。