Adobe XD スクロールさせる方法

Adobe XDでデザインしたプロトタイプをプレビューでスクロールさせる方法はいたって簡単です。ご紹介します。

スクロールさせる方法

例えばメルカリのようなアプリをデザインしたとします。最近流行のNeumorphicでデザインしてみました。先ずは上下のナビゲーションバーを動かさないで、商品の写真だけをスクロールさせたいと思います。このようにスクロールできます。

  • アートボードを下に伸ばす
  • ナビゲーションバーを固定する

これだけです。

アートボードの伸ばし方はアートボード名をクリックして、出てきた枠を下に伸ばすだけです。

ナビゲーションバーを固定する方法は、固定したい要素をグループ化して右側のタブからスクロール時に固定のチェックをつけます。最近のアップデートでプロトタイプだけでなくデザインでも固定することが出来るようになりました。

これでプレビューで上下にスクロールすることができます。

 

Webデザインでも同じように、スクロールしたい場合はアートボードを伸ばせばスクロールさせることができます。

 

他にもAdobe XDのチュートリアルをご紹介しているのでチェックしていってください。

ではまた!

 

Adobe XD チュートリアル

 

Adobe XD おすすめの本

僕はスキルシェアでAdobe XDやIllustratorを学びました。コーディングもここで学んでいます。
今だけ2ヶ月無料でのお試しもありますよ!
Udemyも動画をダウンロードしていつでも学ぶことが出来るのでおすすめですよ!

 

 

 

タイトルとURLをコピーしました