Adobe XDをもっと使いこなすヒント! 第59回 新しくなったアセットパネル

by akihiro kamijo

Posted on 11-26-2020


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

この連載では、Adobe XDを便利に使うための様々なテクニックを、Adobe XDチームのツイートからピックアップしてご紹介します。今回は、少し使い方が変更されたアセットパネルに関連する8つのツイートを紹介します。

Tip 1. ドキュメントアセットを表示する

#AdobeXD #ProTip Launch the new Assets panel by clicking the icon in the lower left of the screen or with the keyboard shortcut Shift+Cmd+Y (Mac) or Shift+Ctrl+Y (Win). Your Creative Cloud Libraries are now included in the Assets panel. @AdobeXD

— Elaine Chao on vacation until 11/30 (@elainecchao) October 27, 2020

新しいアセットパネルは名称がライブラリパネルに変更されました。開き方は従来と同じで、Shift+Cmd+Y (Mac) / Shift+Ctrl+Y (Win) キーを使うか、画面左下のアイコンをクリックします。

#AdobeXD #ProTip Global assets that are associated with your document are available in “Document Assets,” which is at the top of your libraries list. @AdobeXD

— Elaine Chao on vacation until 11/30 (@elainecchao) October 28, 2020


Tip 2. CCライブラリを表示する

#AdobeXD #ProTip Click on the breadcrumb at the top of the Libraries panel to go back to a list of all of your available libraries. @AdobeXD

— Elaine Chao on vacation until 11/30 (@elainecchao) October 29, 2020

以前は別ウインドウに表示されていたCCライブラリが統合されているのが変更点です。パネル上部のライブラリ名はパンくずリストになっていて、その左側の < アイコンをクリックすると、利用可能なすべてのライブラリが表示されます。


Tip 3. アセットの表示形式を切り替える

#AdobeXD #ProTip You can view the colors, character styles, and components in your libraries in either grid or list view. List view enables you to name your styles or components. @AdobeXD

— Elaine Chao on vacation until 11/30 (@elainecchao) November 5, 2020


Tip 4. アセットに登録されているカラーを適用

#AdobeXD #ProTip From any library, including your local document assets, select the color to set the color of your object. @AdobeXD

— Elaine Chao on vacation until 11/30 (@elainecchao) November 3, 2020


#AdobeXD #ProTip Set your object’s border to your global color by right clicking the color and selecting “Apply border color.” @AdobeXD

— Elaine Chao on vacation until 11/30 (@elainecchao) November 3, 2020


Tip 5. アセットに登録されているカラーを編集

#AdobeXD #ProTip Once your object’s fill or border is set to a global color from your document assets, editing from that surface will apply to it (and to any object’s fill or border associated with the global color). @AdobeXD

— Elaine Chao on vacation until 11/30 (@elainecchao) November 4, 2020


Tip 6. 登録されているカラーが使用されたオブジェクトを検索

#AdobeXD #ProTip Highlight every object that uses the global color by right clicking it and selecting “Highlight on canvas.” If the color isn’t used on canvas, the option will not be available for that color. @AdobeXD

— Elaine Chao on vacation until 11/30 (@elainecchao) November 6, 2020




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