このドキュメントでは、Google Classroom の名前、ロゴ、アイコンの使用方法について説明します。他にご不明な点がありましたら、 Google ブランドの使用許諾についての ページをご覧ください。
アイコンの使用に関するガイドライン
Classroom と統合する場合は、Google ロゴではなく Classroom アイコンを常に使用してください。Google Classroom アイコンが完全かつ明確に表示されるようにしてください。アイコンは、「Google Classroom」というテキストを添えて使用することも、添えずに使用することもできます。Classroom アイコンを他のロゴとともに使用する場合は、読みやすくなるように適切な間隔を空けてください。
サイズのガイドライン
Classroom アイコンは、32 ピクセルから 96 ピクセルまで、さまざまなサイズでご利用いただけます。デバイスの種類と画面サイズに応じてアイコンの大きさを変えることはできますが、ロゴが変形しないようにアスペクト比を維持する必要があります。
Square ロゴ
Round ロゴ
Classroom アイコンの説明
Classroom アイコンを使用する場合は、フルネームの「Google Classroom」または短縮形の「Classroom」を含めることができます。
ボタンの例:
パディングの例:
Classroom のクラスについて説明する場合は、次のいずれかのフレーズを使用します（「classes」は大文字にしません）。
- Google Classroom のクラス（例: 「Google Classroom のクラスから選択」）
- Classroom のクラス（例: 「Classroom のクラスから選択」）
- Google Classroom を使用して招待
- Google Classroom で共有
- Google Classroom で共有
次のフレーズは使用しないでください。
- Google Classrooms
- Google classes
- Google Classes
- Google Class
- Google Classroom を招待
Classroom との互換性について説明する
プロダクトが Google Classroom と互換性がある場合は、「対応」、「専用」、「互換」といった語句を使用して Google Classroom に言及し、Google 商標には必ず ™ 記号を付けてください。 例: 「Google Classroom™ 専用」
Google 商標への言及を独自のロゴと組み合わせる場合は、言及するテキストのサイズをロゴよりも小さくしてください。
スクリーンショットの使用
説明や情報提供を目的として、Google サービスの標準のスクリーンショットを改変せずに使用することができます。詳細については、一般的な Google ブランドの使用許諾についてのページをご覧ください。
適切な権利帰属表示を行う
アプリケーションのタイトルや説明で Google の商標を使用している場合は、Google への適切な権利帰属表示を行ってください。例: 「Google Classroom は Google Inc. の 商標です。この商標の使用には、 Google ブランドの使用許諾が適用されます。」
フォント
TrueType フォントの Roboto Bold を使用します。
インストールするには、 Roboto フォントをダウンロード して、ダウンロードしたバンドルを解凍します。
- Mac の場合は Roboto-Bold.ttf をダブルクリックして、[フォントをインストール] をクリックします。
- Windows の場合は、[マイ コンピュータ] > [Windows] > [フォント] フォルダにファイルをドラッグします。
色
- クラシック アイコン
- Google Classroom アイコンの緑色は #25A667 です。
- Google Classroom アイコンの黄色は #F6BB18 です。
- Google Classroom アイコンの白色は #FFFFFF です。
- Google Classroom アイコンの左側と右側の人物の緑色のサブカラーは #57BB8A です。
- ダークアイコン
- Google Classroom アイコンの黒色は #000000 です。
- Google Classroom アイコンの白色は #FFFFFF です。
- Google Classroom アイコンの左側と右側の人物の灰色のサブカラーは #57BB8A です。
- ライトアイコン
- Google Classroom アイコンの緑色は #25A667 です。
- Google Classroom アイコンの黄色は #F6BB18 です。
- Google Classroom アイコンの左側と右側の人物の緑色のサブカラーは #57BB8A です。
カーソルを合わせた状態
アイコンにポインタを合わせると、20% の黒でシェーディングされます。
不適切なロゴデザイン
- アイコンに指定された 2 色以外の色は使用しないでください。
- Google アイコンを使用して Google Classroom を表さないでください。
- ボタン用に独自のアイコンを作成しないでください。
- 「Google」という文字を、Google Classroom アイコンのないボタンに単独で表示させることはできません。
- Google Classroom ボタンの不適切なデザインの例:
ボタンに色の付いた Google ロゴは使用しないでください。ボタンの左側に Google Classroom アイコンを必ず含めてください。ボタンのフォントを変更しないでください。