カードのイラストや画像に自動的に適用される色を構成および制御して、ブランド認知を維持しながら視覚体験を魅力的な状態に保ちます。
このタスクについて
カテゴリとして、すべてのカードのイラストはカラーフックマッピングを共有します。その結果、1 つのカードイラストタイプに適用した色は、カードイラストカテゴリ全体にも適用されます。
重要: カードイラストの色の設定はワークスペースに適用され、 コア UIではサポートされていません。
手順
-
移動先 .
テーマビルダーランディングページが新しいタブで開き、ホームページビューに表示されます。
-
[ページ] ドロップダウンリストを使用して、[エディター] ページビューを選択します。
図 : 1. エディターページビュー
-
[テーマ] ドロップダウン リストから、編集するテーマを選択します。
-
一般的なスタイルパネルから [画像スタイル] タブを選択し、[ カード] を展開します。
メインステージでは、編集可能なカードの図がタイプ別に一覧表示されます。
-
メインステージから任意のカードイラストタイプを選択します。
注: 任意のカードイラストタイプの色をカスタマイズすると、選択したタイプに関係なく、色の変更がカードカテゴリ全体に適用されます。
プロパティパネルが自動的に開きます。
図 : 2. [カード] が展開され、[重要な図にフォーカス] が選択された [画像スタイル] タブ
-
プロパティパネルから [ 色 ] タブを選択します。
注: 先頭色またはサポート色の数は、イラストのカテゴリによって異なります。たとえば、バナーのイラストには 1 つの先頭の色がありますが、カードのイラストには 3 つの先頭の色があります。先導色はイラストのメイン色で、サポート色はアクセントです。それらは最も目立つものから最も目立たないものの順にリストされています。
図 : 3. プロパティパネルの [色] タブ
-
画像の色を選択し、カラーピッカーを使用して色を編集します。
図 : 4. カラーピッカー
注: デフォルトでは、[マイカラー] タブには、イラストで使用可能なすべての色が表示されます。[カスタム] タブを使用して新しい色を選択することもできます。
-
変更が完了したら、[ 変更の保存] を選択します。
注: カラーフックのいずれかへの変更を保存すると、[上書きを削除]記号が表示されます。[上書きを削除] シンボルを使用すると、色の変更を元の自動生成された色に戻すことができます。