将 Google 登录功能设为基本 profile
或 email
作用域,并在移动或网络应用中包含以下标准按钮:
风格 | 按钮 | 图片文件 |
---|---|---|
浅色 |
![]() |
包括 PNG、SVG、EPS 和 Sketch 格式的登录按钮,并且采用各种分辨率。包括基本、悬停和按下状态。 |
深色 |
![]() |
下载文件中包含 Sketch、SVG 和 EPS 文件,因此您能够翻译“Sign in with”或“Sign in”文本。这些文件需要 Roboto 字体。
如果您要请求其他作用域,请采用渐进式权限请求方式(Android、iOS、网络),仅在用户开始与需要相关 API 访问权限的功能互动时,才提示用户进行授权。
如果您请求 YouTube 作用域,请使用 YouTube 按钮。
如果您使用 Google Play 游戏服务,另请参阅 Google Play 游戏服务品牌推广指南。
Google 登录和其他第三方登录选项
同等显眼程度
Google 登录按钮的显眼程度必须至少与其他第三方登录选项一样。例如,按钮应具有大致相同的尺寸并具有相似的视觉显眼程度。
风格与您自己的应用相符
强烈建议使用标准 Google 登录按钮,因为它可以让 Google 用户更快地识别 Google 选项。如果您需要调整按钮以与您的应用设计相符或翻译“Sign in with”或“Sign in”文本,请遵循以下准则。
尺寸
您可以根据不同的设备和屏幕尺寸缩放按钮,但必须保持一定的宽高比,以防拉伸 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 品牌功能的指南)。