登入品牌規範

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

使用具有基本 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」標誌。

字型

按鈕字型是 Roboto Medium (True 字型)。如要安裝,請先下載 Roboto 字型,然後解壓縮下載套件。在 Mac 上,按兩下 Roboto-Medium.ttf,然後按一下 [安裝字型]。在 Windows 上,將檔案拖曳到「我的電腦」>「Windows」>「字型」資料夾。除非按鈕符合與應用程式內容相符的條件,否則請不要在按鈕上使用其他字型。

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

填充

文字左側 (和右側) 的邊框間距應為 8dp。標誌大小應為 18dp,標誌和按鈕文字之間必須有 24dp。

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

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

不論文字為何,您都不能變更 Google 標誌標誌的大小或顏色。必須使用標準色彩版本,並且會顯示在白色背景上。如果您需要建立自訂的 Google 標誌,請先從下載套件內含的任何標誌大小開始。

按鈕設計不正確

請勿使用不含 Google 圖示或標誌的按鈕,且不含按鈕邊界,且不得含有文字。
請勿單獨使用 Google 圖示來代表 Google 登入。
請勿使用 Google 的「G」深色或淺色版本。
請勿將標準 Google 標誌圖示設為彩色背景。
請勿自行建立按鈕圖示。
請勿使用「Google」一詞,而且按鈕中不得有 Google 圖示。

未經 Google 事先書面同意,不得以本文件未明確涵蓋的方式使用 Google 品牌 (詳情請參閱《Google 品牌特徵第三方使用指南》)。