【１分で解決】Adobe XDで要素を縦・横スクロールさせる方法
【１分で解決】Adobe XDで要素を縦・横スクロールさせる方法 2022 11/14 デザイン 2021年1月27日2022年11月14日 ポチXDで指定要素を縦・横スクロールさせたいんだけれど、やり方が分からない。
当記事では、上記のお悩みにお答えします。
先に簡潔にお伝えすると、XDにて指定要素を縦・横スクロールさせるには、要素選択後に右側メニューから「水平 or 垂直方向のスクロール」を選択するだけです。
それではもう少し具体的に見ていきましょう。
目次XDで指定要素を縦・横スクロールさせる方法
手順①：スクロールさせたい要素を用意する大前提として、まずはスクロールさせたい要素を用意しましょう。
横スクロールさせたいのであれば「横並び」に。縦スクロールさせたいのであれば「縦並び」に要素を配置すれば準備完了です。
スクロールさせたい要素を配置する ユウマこの時アートボードから要素がはみ出してしまっても、全く問題ありません。
手順②：スクロールさせたい要素を選択状態にする下記画像のように、スクロールさせたい要素全てを選択状態にしましょう。
スクロールさせたい要素を選択状態にする 手順③：右メニューより「水平方向のスクロール」or「垂直方向のスクロール」を選択する要素を選択状態にした上で、画面右メニューの「水平方向のスクロール」or「垂直方向のスクロール」を選択しましょう。
要素を横スクロールさせたいのであれば、水平方向のスクロール。
要素を縦スクロールさせたいのであれば、垂直方向のスクロールを選択して下さい。
スクロールさせたい方向に応じてどちらかを選択 ユウマちなみに、下記のショートカットでスクロール設定を適用することも可能です。
スクロール設定ショートカット- 水平方向のスクロール -「Shift ＋ Command ＋ H」
- 垂直方向のスクロール -「Shift ＋ Command ＋ V」
ここまでの手順で、指定要素にスクロール設定を行うことができました。
最後に正しくスクロール設定が適用されているか、XDのプレビューモードにて動作確認を行いましょう。
スクロールの動作確認【おまけ】要素を全方向にスクロールさせるには？
ここまでで、XDで指定要素を縦・横スクロールする方法を解説しましたが、全方向に要素をスクロールさせたい場合はどうすればいいのでしょう？
答えは簡単で、全方向のスクロール設定に関してもXD上の右メニューより行うことができます。
縦・横スクロールと同じく「手順②」の要素選択まで行った後、右メニューの「水平方向と垂直方向のスクロール」を選択しましょう。
「水平方向と垂直方向のスクロール」を選択最後に
当記事では「Adobe XDで要素を縦・横スクロールさせる方法」について解説しました。
スクロールさせる方向に問わず、XDでは簡単に要素のスクロール設定を行うことができるということが、お分かりいただけたかと思います。
ユウマぜひ、普段のXD制作にお役立て下さいね。
デザイン よかったらシェアしてね！- URLをコピーしました！
- URLをコピーしました！
- エックスサーバーの自動バックアップ機能で救われた話
- 【超簡単】イラレのアウトライン化とは？意味・方法を詳細解説！