design
岩瀬 莉奈

2020.7.15デザイン 

Webデザイナー

岩瀬 莉奈

【Adobe XD】スタック機能を使ってみた

こんにちは!デザイナーの岩瀬です。

今回は、6月のアップデートで追加されたAdobeXDの『スタック機能』を、説明を交えながら実際に使っていきたいと思います。

01

A、B、Cの3つのブロックを用意しました。
薄いピンクの枠線のように、各ブロックをグループ化してあります。

02

A、B、Cのブロックの順番を入れ替えたいので、3つのブロックを1つのグループにまとめます。
右側のサイドバーに表示される『スタック』という項目に、チェックを入れます。

03

移動したいブロックをダブルクリックし、Shiftを押しながらドラックします。

04

順番が入れ替わりました。

05

また、こんな使い方も出来ます。
今度は、薄いピンクの枠線のように隣同士をグループ化してみます。
そして先程同と様に、1つのグループにまとめ、『スタック』にチェックを入れます。

06

Shiftを押しながらドラックすると、タイトルの順番が変わりました。

6月のアップデートで他にも様々な機能が追加されましたので、試してみると面白いです。

参考になりましたでしょうか?
最後まで読んでいただきありがとうございました!

現役ウェブ解析士が教えるWebサイトの読み解き方 イメージ
ホームページ制作サービスはこちら
ページTOPへ