Adobe XDをもっと使いこなすヒント! 第23回 スウォッチの管理

by akihiro kamijo

Posted on 01-17-2019

連載

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

この連載では、Adobe XDを便利に使うための様々なテクニックを、Adobe XDチームのツイートからピックアップしてご紹介します。今回は、スウォッチの使い方に関連する4つのツイートを取り上げます。

Tip 1. 新しいスウォッチを追加する

#adobexd #protip Quickly add swatches to your basic color picker by clicking on the + button. @adobexd pic.twitter.com/pQJgQAch0d

— Elaine Chao (@elainecchao) November 14, 2018

スウォッチを追加するには、まずカラーピッカーを表示して、追加したい色を選択します。その状態でパネル左下のプラスボタンをクリックすると、新しいスウォッチが追加されます。

Tip 2. スウォッチの並び順を変更する

#adobexd #protip Reorder your swatches in the basic color picker by dragging and dropping the colors around. The other swatches will shift to accommodate. @adobexd pic.twitter.com/YaMVSGmJG4

— Elaine Chao (@elainecchao) November 15, 2018

スウォッチの並び順を変えたいときは、ドラッグ&ドロップ操作が使えます。配置した居場所にスウォッチを移動すると、他のスウォッチは自動的に横にずれます。

Tip 3. 不要なスウォッチを削除する

#adobexd #protip Remove a swatch from your basic color picker by dragging it off the pop-up. @adobexd pic.twitter.com/2143q3OghP

— Elaine Chao (@elainecchao) November 16, 2018

スウォッチを削除したいときは、ドラッグしてパネルの外でドロップします。右クリックは使えないのでご注意ください。

Tip 4. スウォッチの色を使う

#adobexd #protip Click on the swatches to switch to the color. These swatches are available in other color pickers in your property inspector. @adobexd pic.twitter.com/5o4bj1DG81

— Elaine Chao (@elainecchao) November 19, 2018

スウォッチの使い方はとても単純です。カラーピッカを開いたら、使いたい色のスウォッチをクリックすれば、対象のオブジェクトに色が適用されます。

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

次回をお楽しみに!

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

Products: