テーマビルダーで AI を使用したテーマの作成

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

    • テーマビルダー内から AI を利用したテーマ作成を使用して、ブランドイメージからテーマを生成し、結果をプレビューして絞り込みます。これらはすべて、更新されたテーマの作成ウィザード内で行います。

    始める前に

    この機能には次のものが必要です。

    必要なロール：ui_builder_admin

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

    手順

    1. 移動先 すべて > Now Experience フレームワーク > テーマビルダー.
      テーマビルダーランディングページが新しいタブで開き、ホームページビューに表示されます。
      図 : 1. テーマビルダー ホーム画面
      テーマビルダーのホーム画面。
    2. [ テーマの作成] を選択します。
      [テーマを作成] ウィザードが表示され、次の手順で説明するように、ブランド構成をガイドします。選択内容は、ウィザードを進めるにつれて自動的に保存されます。
    3. 新しいテーマの名前と説明を入力し、[ 次へ] を選択します。
    4. テーマの色を定義する方法を選択します。
      オプションアクション
      ブランドイメージ をアップロード AI は、画像 からカラー パレットを自動的に抽出します。
      選択 Handpick my colors テーマの色を手動で選択
      図 : 2. AI または手動選択を使用してテーマの色を生成
      ブランド画像をアップロードするオプションを表示する、または色を選択してカラーパレットを生成するオプションを表示するテーマ作成ウィザード。
    5. ブランドイメージ アップロードすることを選択した場合は、AI を使用してテーマの色を生成します。
      1. ブランドイメージ アップロードします。
        サポートされている形式は JPEG、JPG、PNG、SVG で、最大サイズは 1 MB です。
      2. [ パレットを生成] を選択します。
      3. AI で生成されたプライマリ色とセカンダリ色を確認し、簡略化されたプレビューを使用して、インスタンス内の色の表示場所を確認します。
      4. オプション: [プライマリ] または [セカンダリ] タイルを選択してパレットを変更し、 追加 (+) ボタンを選択するか、AI で生成されたサポート色から選択します。
        注:
        AI は画像から最大 8 色を検出し、最も支配的な 2 つの色がプライマリとセカンダリとして事前に選択されています。検出された追加の色は、必要に応じて入れ替えることができる利用可能なオプションとして提案されます。
        プライマリパレットを調整するためのカラーセレクターとともにプライマリ色とセカンダリ色を表示するテーマ作成ウィザード。
      5. オプション: カラーセレクターから新しい色を選択し、[ 適用] を選択します。
      6. オプション: 戻 って 戻って別の画像を選択するか、色を厳選します。
      7. [次へ] を選択します。
    6. [自分の色を厳選] を選択した場合は、テーマの色を手動で定義します。
      1. [プライマリ] タイルを選択し、カラーセレクターからブランドのプライマリ色を選択するか、HEX、RGB、または HSL を使用して値を入力します。
        図 : 3. ブランドのプライマリ色
        ブランドのプライマリ色
      2. ブランドのプライマリ色を特定したら、[ 適用] を選択します。
      3. [セカンダリ] タイルを選択し、カラーセレクターからブランドのセカンダリ色を選択します。
      4. [適用] を選択します。
      5. オプション: 代わりに [AI で生成] を選択して、AI で生成されたパレットステップに戻ります。
      6. [次へ] を選択します。
    7. ブランドロゴをアップロードし、プレビューに正しく表示されることを確認し、[ 次へ] を選択します。
      ロゴを追加しない場合は、 ServiceNow ロゴが使用されます。
    8. テキストに使用するフォントを選択し、[ 次へ] を選択します。
    9. ボタン、モーダル、ドロップダウンメニューなど、インターフェイスでコンポーネントのコーナー形状を選択し、[ 次へ] を選択します。
    10. 選択内容を確認し、[Create theme (テーマの作成)] を選択します。
      注:
      この画面から、[ テーマを作成] を選択する前にテーマの任意の部分を編集できます。テーマが作成されると、加えた変更はすべて自動的に保存されます。
      図 : 4. 作成前のテーマの詳細と最終プレビュー
      テーマ情報、ブランドカラー、およびテーマ作成前のプレビューが表示された最終レビュー画面。

    タスクの結果

    テーマは テーマビルダー でドラフトとして保存され、[マネージャー] ページの [未公開] セクションに表示されます。

    次のタスク

    ウィザードでテーマを作成すると、テーマのエディタービューが表示され、テーマの変更または公開を続行できます。