登入品牌規範

透過集合功能整理內容 你可以依據偏好儲存及分類內容。

透過基本 profileemail 範圍使用 Google 登入,並在行動裝置或網頁應用程式中加入下列標準按鈕:

樣式 按鈕 圖片檔
淺色

包含多種解析度的 PNG、SVG、EPS 和 Sketch 格式登入按鈕。包括基本、懸停和按下狀態。

深色

可下載內含 Sketch、SVG 和 EPS 檔案,以便翻譯「登入」或「登入」文字。這些檔案需要使用 Roboto 字型

如果您要求其他範圍,請透過漸進式授權 (AndroidiOS網站) 進行授權,讓系統在使用者開始與需要 API 存取權的功能互動時,提示使用者提供授權。

如要要求 YouTube 範圍,請使用 YouTube 按鈕

如果您使用 Google Play 遊戲服務,請同時參閱 Google Play 遊戲服務品牌宣傳指南

Google 登入及其他第三方登入選項

等於、顯著性

「Google 登入」按鈕必須像其他第三方登入選項一樣顯眼。舉例來說,按鈕的大小應大致相同,且視覺權重也相近。

配合自己的應用程式樣式

強烈建議您使用標準 Google 登入按鈕,以便 Google 使用者更快速地辨識 Google 選項。如果您需要配合應用程式設計調整按鈕,或是翻譯「登入」和「登入」等文字,請遵守下列規範。

大小

您可以視需要為各種裝置和螢幕大小縮放按鈕,但必須保留長寬比,避免延展 Google 標誌。

文字

如要鼓勵使用者點擊該按鈕,建議採用行動號召文字「向 Google 登入」或「使用 Google 帳戶註冊」。您必須讓使用者清楚知道他們登入您的應用程式,或使用 Google 憑證註冊應用程式,而不是在應用程式中註冊或註冊 Google 帳戶。

"Google”

您可以在按鈕中使用「Google」字樣,但這個文字必須搭配旁邊的文字,方便使用者清楚瞭解操作內容。例如:

登入身分:

顏色

藍色背景的 Google 登入按鈕 白色背景的 Google 登入按鈕

未按下的淺色按鈕顏色為 #FFFFFF (白色)。未按下深色 (藍色) 按鈕的顏色為 #4285F4。按鈕背景可以是藍色或白色,但按鈕一律須在白色圖塊上加入 Google「G」標準的標準顏色。

字型

按鈕字型為 Roboto 媒介 (TrueType 字型)。如要安裝套件,請先下載 Roboto 字型,然後下載下載套件解壓縮。在 Mac 上,只要按兩下「Roboto-Medium.ttf」,再按一下「安裝字型」即可。在 Windows 中,將檔案拖曳至「我的電腦」 &&tt; > "Windows" > "Fonts" 資料夾。不要在按鈕上使用其他字型,除非註明配合應用程式樣式的情況。

針對使用自訂登入按鈕的網站,您可以從 Google Fonts 載入 Roboto 字型

邊框間距

文字左側 (和右側) 的邊框間距應為 8dp。標誌應為 18dp,標誌和按鈕文字之間應包含 24dp。

說明按鈕元素的尺寸,包括文字周圍的邊框間距。

「使用 Google 帳戶登入」按鈕中的 Google 標誌

無論文字為何,您都不能變更 Google 標誌標誌的大小或顏色。必須為標準顏色版本的白色。如要建立自訂 Google 標誌大小,請先從下載套件隨附的任何標誌大小開始。

按鈕設計不正確

請勿單獨使用 Google 圖示或標誌,因為按鈕沒有按鈕,且不能有文字指出使用者動作。
請勿單獨使用 Google 圖示來代表 Google 登入。
請勿使用深色或淺色的 Google「G」版本。
請勿將標準 Google 標誌設為彩色的「G」圖示,
請勿為按鈕建立自己的圖示。
請勿在按鈕中單獨加入「Google」字樣,而非隨附的 Google 圖示。

在未經本文明確同意的情況下,您不得以本文未明確涵蓋的方式使用 Google 品牌 (詳情請參閱第三方 Google 品牌特徵使用規範)。