Adobe XDをもっと使いこなすヒント! 第2回 オブジェクトからの距離を計測

by akihiro kamijo

Posted on 07-13-2018

連載

Adobe XDをもっと使いこなすヒント!

この連載では、Adobe XDを便利に使うための様々なテクニックを、Adobe XDチームのツイートからピックアップしてご紹介します。今回は、オブジェクト間の距離を表示する方法をテーマに、3つのツイートを取り上げます。

Tip 1. 2つのオブジェクトの距離を表示

#adobexd #protip Quickly measure the distance between two objects on the canvas by selecting one, hovering over the other, and holding down Opt (Mac) or Alt (Win). @adobexd pic.twitter.com/lynfezSx1C

— Elaine Chao (@elainecchao) May 14, 2018

アートボード上の2つのオブジェクト間の距離を確認したい場合は、まずひとつオブジェクトを選択して、次にもうひとつのオブジェクトの上にポインターを移動します。その状態でOptキー (Mac) またはAltキー (Win) を押下すると、オブジェクト間に線が引かれ、その上に距離が表示されます。実際の様子は上のビデオをご覧ください。

Tip 2. オブジェクトとそのオブジェクトを含むコンテナとの距離を表示

#adobexd #protip You can also measure from an object to its container by selecting the first and hover the second and holding down Opt (Mac) or Alt (Win). @adobexd pic.twitter.com/vhAd2HVPix

— Elaine Chao (@elainecchao) May 15, 2018

Tip 1と同じ要領で、オブジェクトと、そのオブジェクトを含むコンテナとの距離を表示できます。まずオブジェクトを選び、次にコンテナの上にポインターを移動して、Optキー (Mac) またはAltキー (Win) を押下すると、オブジェクトの上下左右にコンテナまでの距離が表示されます。

上のビデオでは、アイコンとアイコンを含むンテナとの距離、そして、そのコンテナを含むコンテナ(コンテナのコンテナ)とアイコンとの距離の2種類の距離計測の様子がデモされています。

Tip 3. オブジェクトとアートボードの距離を表示

#adobexd #protip Select an object, hover it, and hold down Opt (Mac) or Alt (Win) to see the object’s relationship to the artboard. @adobexd pic.twitter.com/H00Jry3jiA

— Elaine Chao (@elainecchao) May 16, 2018

オブジェクトとアートボードとの距離を表示するのはとても簡単です。オブジェクトを選択したら、そのままOptキー (Mac) またはAltキー (Win) を押下します。するとオブジェクトの上下左右にそのオブジェクトを含むアートボードまでの距離が表示されます。

いかがでしたか?
これは便利そうだ!という使い方はあったでしょうか?

次回をお楽しみに!

Topics: クリエイティブ, UI/UX & Web

Products: