Google 登录品牌推广指南

将 Google 登录功能设为基本 profileemail 作用域,并在移动或网络应用中包含以下标准按钮:

风格 按钮 图片文件
浅色

包括 PNG、SVG、EPS 和 Sketch 格式的登录按钮,并且采用各种分辨率。包括基本、悬停和按下状态。

深色

下载文件中包含 Sketch、SVG 和 EPS 文件,因此您能够翻译“Sign in with”或“Sign in”文本。这些文件需要 Roboto 字体

如果您要请求其他作用域,请采用渐进式权限请求方式(AndroidiOS网络),仅在用户开始与需要相关 API 访问权限的功能互动时,才提示用户进行授权。

如果您请求 YouTube 作用域,请使用 YouTube 按钮

如果您使用 Google Play 游戏服务,另请参阅 Google Play 游戏服务品牌推广指南

Google 登录和其他第三方登录选项

同等显眼程度

Google 登录按钮的显眼程度必须至少与其他第三方登录选项一样。例如,按钮应具有大致相同的尺寸并具有相似的视觉显眼程度。

风格与您自己的应用相符

强烈建议使用标准 Google 登录按钮,因为它可以让 Google 用户更快地识别 Google 选项。如果您需要调整按钮以与您的应用设计相符或翻译“Sign in with”或“Sign in”文本,请遵循以下准则。

尺寸

您可以根据不同的设备和屏幕尺寸缩放按钮,但必须保持一定的宽高比,以防拉伸 Google 徽标。

文本

为了鼓励用户点击该按钮,我们建议使用号召性用语文本“通过 Google 登录”或“通过 Google 注册”。应该让用户清楚他们是使用 Google 凭据登录您的应用或注册您的应用,而不是在您的应用上注册 Google 帐号。

文本“Google”

您可以在按钮中单独使用“Google”一词,前提是旁边有其他文本,可以清楚地说明操作是什么。例如:

登录方式:

颜色

带有蓝色背景的 Google 登录按钮 带有白色背景的 Google 登录按钮

未按下的浅色按钮的颜色为 #FFFFFF(白色)。未按下的深色(蓝色)按钮的颜色为 #4285F4。按钮背景可以是蓝色或白色,但按钮必须始终在白色图块上包含标准颜色的 Google“G”。

字体

按钮字体为 Roboto Medium(一种 TrueType 字体)。要安装该字体,请先下载 Roboto 字体并解压缩下载包。在 Mac 上,只需双击 Roboto-Medium.ttf,然后点击“安装字体”。在 Windows 上,将文件拖到“我的电脑”>“Windows”>“字体”文件夹中。不要在按钮上使用其他字体,风格与您自己的应用相符部分中说明的情况除外。

如果网站使用自定义登录按钮,您可以从 Google Fonts 加载 Roboto 字体

内边距

文本左侧(和右侧)的内边距应为 8dp。徽标应为 18dp,徽标和按钮文本之间的空隙应为 24dp。

说明按钮元素的尺寸,包括文本周围的内边距。

“使用 Google 帐号登录”按钮上的 Google 徽标

无论文本是什么,您都不能更改 Google“G”徽标的尺寸或颜色。它必须是标准颜色并采用白色背景。如果您需要创建自定义尺寸的 Google 徽标,请从下载包中包含的任何徽标尺寸开始。

不正确的按钮设计

请勿单独使用 Google 图标或徽标(无按钮边界或无说明用户操作的文本)。
请勿单独使用 Google 图标来表示 Google 登录功能。
请勿使用深色或浅色 Google“G”。
请勿将标准颜色的 Google“G”图标放在彩色背景上。
请勿为按钮自行创建 Google“G”图标。
请勿在按钮中单独使用“Google”一词而不搭配 Google 图标。

未经 Google 事先书面许可,不得以本文档未明确说明的方式使用 Google 品牌(详情请参阅关于第三方使用 Google 品牌功能的指南)。