【解決】Adobe XDで『位置固定』がなくなった?!

お仕事でAdobe XDを使う機会があり、ヘッダーを固定した動きをプレビューで確認をしたいと思ったのですが…

「あれ…『固定位置』なくない?」

「たしか、ここにあったのに!どこー!」

となり焦りました。

しかもどこのサイトを見てもこの情報がない!

案件で時間もなかった為、Adobeに問い合わせさせていただき解決しました笑

結果は、アップデートで場所が変更されていたようです

ありがとうございます….本当感謝。

同じく久しぶりにXDを使ったら場所が変わっいて、慌てている方の為になればと思います

アップデートでの場所変更

つまり結論はこれ。

なのですが、その場所を簡単にサクっと説明していきたいと思います!

(きっと私と同じく焦った人もいるはず…なので笑)

位置固定・固定オブジェクト

これはAdobeXDでワイヤーやWEBやアプリのデザインを作るときにも使うこともあると思いますが

例えば、作りたいウェブサイトのヘッダーをスクロール中も上部に固定しておきたい。

などの時に使用できるもので、XDでこの『位置固定』を使って、よりサイトの動作と近づけることができるので、クライアント様にもサイトイメージを伝えやすくなります

もちろん自分でコーディングする際のイメージも想像しやすいですね!

『固定位置』変更後の場所

本題になります

このように固定要素を作りたい時、

いままでは固定したい要素を選択すると

今までは…

ここ!

この赤い枠の位置に

Adobe XD 公式動画より

上の画像は英語ですが、

『Fixed Position』の部分。

ここに『位置固定』の項目が表示されていました

アップデート後の変更では

『プロトタイプ』へ変更

固定したい要素を選択すると…

この赤枠の部分に

『スクロール時に位置を固定』

こんなところにいたのねー!

ここにチェックすれば今まで通りの位置固定ができます

これで無事作業が出来ます。よかった…

まとめ

アップデート後に『位置固定』を見失ってしまっている方、

ぜひ参考にしてみてください!

FOLLOW ME
>フリーランス をもっと気軽に!

フリーランス をもっと気軽に!

現役フリーランサーによる役立つ情報サイト
主に『Web』に関する知識を掲載。

デザインやライティング術、コラムなどの
フリーランスが充実するような記事も掲載中。

CTR IMG