モーダル図の色の構成

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：2分

    • モーダルのイラストに自動的に適用される色を構成および制御して、ブランド認知を維持しながら視覚体験を魅力的な状態に保ちます。

    始める前に

    必要なロール：ui_builder_admin

    詳細なロールの詳細については、「 Granular admin roles」を参照してください。

    このタスクについて

    カテゴリとして、すべてのモーダル図はカラーフックマッピングを共有します。その結果、1 つのモーダルイラストタイプに適用した色は、モーダルイラストカテゴリ全体にも適用されます。
    重要:
    モーダルの図の色の構成はワークスペースに適用され、 コア UIではサポートされていません。

    手順

    1. 移動先 すべて > Now Experience フレームワーク > テーマビルダー.
      テーマビルダーランディングページが新しいタブで開き、ホームページビューに表示されます。
    2. [ページ] ドロップダウンリストを使用して、[エディター] ページビューを選択します。
      図 : 1. エディターページビュー
      エディターページの表示例。
    3. [テーマ] ドロップダウン リストから、編集するテーマを選択します。
    4. 一般的なスタイルパネルから [画像スタイル] タブを選択し、[ モーダル] を展開します。
      編集可能なモーダルの図は、メインステージにタイプ別に一覧表示されます。
    5. メインステージから任意のモーダル図のタイプを選択します。
      注:
      任意のモーダル図のタイプの色をカスタマイズすると、選択したタイプに関係なく、モーダルカテゴリ全体に色の変更が適用されます。
      プロパティパネルが自動的に開きます。
      図 : 2. [モーダル] が展開され、[プラットフォーム/すべてのオンボーディング] 図が選択された [画像スタイル] タブ
      [画像スタイル] タブが選択され、メインステージにモーダルの図がリストされ、プロパティパネルが開いています。
    6. プロパティパネルから [ 色 ] タブを選択します。
      注:
      先頭色またはサポート色の数は、イラストのカテゴリによって異なります。たとえば、バナーのイラストには 1 つの先頭の色がありますが、モーダルのイラストには 2 つの先頭の色があります。先導色はイラストのメイン色で、サポート色はアクセントです。それらは最も目立つものから最も目立たないものの順にリストされています。
      図 : 3. プロパティパネルの [色] タブ
      [色] タブが選択されたプロパティパネル。
    7. 画像の色を選択し、カラーピッカーを使用して色を編集します。
      図 : 4. カラーピッカー
      カラーピッカー。
      注:
      デフォルトでは、[マイカラー] タブには、イラストで使用可能なすべての色が表示されます。[カスタム] タブを使用して新しい色を選択することもできます。
    8. 変更が完了したら、[ 変更の保存] を選択します。
      注:
      カラーフックのいずれかへの変更を保存すると、[上書きを削除]記号が表示されます。[上書きを削除] シンボルを使用すると、色の変更を元の自動生成された色に戻すことができます。
      上書き記号を削除します。

    タスクの結果

    新しい色は、すべてのカードイラストタイプに適用されます。

    テーマが公開されると、更新時にテーマが適用されているユーザーにカードのイラスト編集内容が表示されます。テーマの発行の詳細については、「 テーマビルダーでテーマを公開する」を参照してください。