Google Classroom 品牌宣傳指南

本文將概述如何使用 Google Classroom 的名稱、標誌和圖示。如有任何其他問題,請參閱較一般的 Google 品牌權限

圖示使用規範

將 Classroom 與 Classroom 整合時,請一律使用 Classroom 圖示 (而非 Google 標誌)。請確認 Google Classroom 圖示完整且清楚可見。您可以選擇是否使用「Google Classroom」圖示如果搭配使用 Classroom 圖示及其他標誌,請確保每個標誌都有適當的間距,以便您閱讀。

大小

Classroom 圖示有多種不同大小 (32 至 96 像素)您可以針對不同的裝置和螢幕大小縮放圖示,但必須保留顯示比例,以免標誌延展。

Classroom 正方形標誌

下載正方形標誌

圓形 Classroom 標誌

下載圓形標誌

講解教室

使用 Classroom 圖示時,您可以新增「Google Classroom」全名或簡短版「Classroom」。

範例按鈕:

按鈕範例

邊框間距範例:

邊框間距範例

介紹 Classroom 課程時,請使用下列任一詞組 (請注意,「class」並非大寫):

  • Google Classroom 課程 (例如:「選擇您的 Google Classroom 課程」)
  • Classroom 課程 (例如:「選擇你的 Classroom 課程」)
  • 透過 Google Classroom 邀請
  • 透過 Google Classroom 分享
  • 分享到 Google Classroom

請勿使用以下詞句:

  • Google Classroom
  • Google 課程
  • Google 課程
  • Google 課程
  • 邀請 Google Classroom

說明自家產品或應用程式

如果您的產品與 Google Classroom 相容,請使用「for」、「for」或「compatible」等文字來表示 Google Classroom,同時加上 Google 商標的 TM 符號。例如:「適用於 Google ClassroomTM」

標誌範例

如果您要搭配使用 Google 商標和標誌,則參照文字應小於標誌。

標誌範例

使用螢幕截圖

為了方便說明或資訊用途,您可以使用 Google 服務的標準螢幕截圖。詳情請參閱一般的 Google 品牌使用許可

提供適當的出處標示

請在應用程式名稱或說明中使用適當標記,向 Google 正確註明出處。範例:Google Classroom 是 Google Inc. 的商標。使用這個商標需遵守 Google 品牌許可規定。

Font

使用 Roboto Bold (TrueType 字型)。

如要安裝,請下載 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% 的黑色陰影。

懸停狀態範例

標誌設計有誤

  • 請勿使用專為圖示指定的兩種顏色。
  • 請勿使用 Google 圖示代表 Google Classroom。
  • 請勿自行製作按鈕圖示。
  • 請勿在沒有 Google Classroom 圖示的按鈕中使用「Google」一詞。
  • 不正確的 Google Classroom 按鈕設計範例:

錯誤用法

切勿在按鈕中使用彩色 Google 標誌。請一律在按鈕左側加入 Google Classroom 圖示。請勿變更按鈕的字型。