ロゴデザインのガイドライン

適切なフォーマットで切り抜かれたロゴによりエージェントの信頼性が確立され、ユーザー エンゲージメントの向上につながります。不適切なロゴは、ブランディングを一切行わないエージェントの信頼度を下げます。ロゴは、ユーザーの認識やエージェントの利用意欲に大きく影響するため、適切に表示することが重要です。

ロゴが切り抜かれて円形として表示されます。画像は長方形として定義されるため、ロゴが円形に適切に切り抜かれていることを確認する必要があります。ロゴの周りに表示される枠線の太さを考慮する必要はありません。枠線がロゴ画像と重なっていません。

ヒーロー画像は、エージェントロゴの背後にあるエージェントの [情報とオプション] 画面に表示されます。ロゴの重複を考慮して、正しいアスペクト比（45:14）でヒーロー画像を作成する必要があります。

すべきこと

トリミングできるように十分なスペースを画像に設けます。

十分なスペースを置いたロゴ

コールアウトの見栄えの良い模擬ロゴ

トリミングする円に十分な間隔のあるロゴ

模擬ロゴがよく切り取られている

完全かつ適切に表示されるように、画像のすべての辺から等間隔でロゴを配置します。

画像の枠線からの寸法が等しい

切り抜きの輪郭における画像の枠線と寸法が同じである

ヒーロー画像には 45:14 のアスペクト比を使用し、ロゴがヒーロー画像に部分的に重なることに注意してください。

正しいアスペクト比のヒーロー画像

モックアップのヒーロー画像

すべきでないこと

ロゴの高さと幅が画像全体を占めると、多くの場合、ロゴの一部が切り取られます。その結果、アイコンの切り抜きが不均衡になり、信頼性の問題が生じやすくなります。

不適切な形式のロゴ

モック中のロゴの不適切な切り抜き

ロゴの切り抜き円形が不適切です

ヒーロー画像が正しいアスペクト比と一致しない場合、ヒーロー画像の一部が切り取られます。 その結果、画像が不適切であるか、エージェントを適切に表していません。

切り抜き方が不適切なヒーロー画像

モック中のヒーロー画像の切り抜きが不適切です

切り抜き枠内のヒーロー画像

要注意

ダークモードを有効にしても、ロゴは更新されません。ロゴの背景が白と黒の両方で十分なコントラストと認識力を持つ場合を除き、半透明の画像は使用しないでください。ロゴのコントラストが十分でないと、ダークモードの背景が見えにくくなり、視認性が低下します。透明な背景がロゴと合わない場合は、白い背景を使用してください。

ダークモードの背景が透明なロゴ

ダークモードの白い背景のロゴ

関連情報

ロゴのデザインや問題のトラブルシューティングに役立つリソースをご紹介します。

テンプレート

円のロゴ テンプレートは、作成するエージェント ロゴのベースとして使用してください。

ダウンロード: [PNG]   [SVG]

作成するヒーロー 画像のベースとして、長方形のヒーロー画像テンプレートを使用します。

ダウンロード: [PNG]   [SVG]

ロゴ プレビュー ツール

ロゴの URL を入力すると、ユーザーにどのように表示されるかを確認できます。

注: 画像をホストするウェブサーバーは、他のウェブサイトに画像を埋め込めるようにする必要があります。