Google 课堂品牌推广指南

本文档简要介绍了如何使用 Google 课堂名称、徽标和图标。如果您有任何其他疑问,请参阅更宽泛的 Google 品牌权限

图标使用指南

与 Google 课堂集成时,请一律使用“课堂”图标(而不是 Google 徽标)。请确保 Google 课堂图标完整清晰地显示。使用该图标时,可选择附有文本“Google 课堂”,也可不附带文本“Google 课堂”。如果您使用“课堂”图标以及其他徽标,请确保每个徽标的间距都适当,方便阅读。

尺寸

“课堂”图标有多种尺寸,介于 32 到 96 像素之间。您可以根据不同的设备和屏幕尺寸缩放图标,但必须保留宽高比,以免徽标被拉伸。

方形 Google 课堂徽标

下载方形徽标

圆形 Google 课堂徽标

下载圆形徽标

描述 Google 课堂

使用“课堂”图标时,您可以添加全名“Google 课堂”,也可以输入简称“课堂”。

按钮示例:

按钮示例

内边距示例:

内边距示例

谈论 Google 课堂中的课程时,请使用以下短语之一(请注意,“classes”未大写):

  • Google 课堂课程(例如:“从您的 Google 课堂课程中选择”)
  • 课堂课程(例如:“从您的 Google 课堂课程中选择”)
  • 通过 Google 课堂邀请
  • 与 Google 课堂分享
  • 分享到 Google 课堂

请勿使用以下用语:

  • Google 课堂
  • Google 课程
  • Google 课程
  • Google 课程
  • 邀请 Google 课堂

描述您自己的产品或应用

如果您的产品与 Google 课堂兼容,请使用“for”“用于”或“兼容”等文字来引用 Google 课堂,并确保 Google 商标中包含 TM 符号。例如:“用于 Google 课堂 TM”

徽标示例

如果您提及 Google 商标时加上您的徽标,则引用文字的大小应小于徽标。

徽标示例

使用屏幕截图

为了提供说明或信息,您可以使用 Google 服务的标准屏幕截图(未经更改)。如需了解更多详情,请参阅常规 Google 品牌权限

提供适当的归属

在您的应用标题或说明中使用 Google 标志时,请务必提供适当的归属。示例:Google 课堂是 Google Inc. 的商标。使用此商标必须遵守 Google 品牌许可

字体

使用 Roboto Bold(一种 TrueType 字体)。

如需安装字体,请下载 Roboto 字体并解压缩下载软件包。

  • 在 Mac 上,双击 Roboto-Bold.ttf,然后点击“安装字体”。
  • 在 Windows 上,将相应文件拖到“我的电脑”>“Windows”>“字体”文件夹中。

颜色

颜色和图标示例

  • 经典图标
    • Google 课堂图标的绿色是 #25A667
    • Google 课堂图标的黄色是 #F6BB18
    • Google 课堂图标的白色是 #FFFFFF
    • Google 课堂中左右人形图标的绿色次要颜色是 #57BB8A
  • 深色图标
    • Google 课堂图标的黑色为 #000000
    • Google 课堂图标的白色是 #FFFFFF
    • Google 课堂中左右两侧用户的灰色辅色是 #57BB8A
  • 浅色图标
    • Google 课堂图标的绿色是 #25A667
    • Google 课堂图标的黄色是 #F6BB18
    • Google 课堂中左右人形图标的绿色次要颜色是 #57BB8A

悬停状态

悬停时,图标应带有 20% 黑色阴影。

悬停状态示例

错误的徽标设计

  • 请不要使用为图标指定的两种颜色以外的颜色。
  • 请勿使用 Google 图标来表示 Google 课堂。
  • 请勿为按钮自行创建图标。
  • 请勿在没有 Google 课堂图标的按钮中单独使用“Google”一词。
  • 不正确的 Google 课堂按钮设计示例:

错误用法示例

切勿在按钮中使用彩色的 Google 徽标。该按钮的左侧始终包含“Google 课堂”图标请勿更改按钮的字体。