分享方式:


使用Microsoft登入:應用程式的商標指導方針

使用 Microsoft 身分識別平台 開發應用程式時,您必須在客戶想要使用其公司或學校帳戶(以 Microsoft Entra ID 管理)或其個人帳戶來註冊和登入您的應用程式時,引導您的客戶。

在本文中,您將會:

  • 瞭解由 Microsoft 管理的兩種用戶帳戶,以及如何參考應用程式中Microsoft Entra 帳戶
  • 瞭解在應用程式中使用Microsoft標誌的需求
  • 下載正式 登入使用 Microsoft 映像登入,以在您的應用程式中使用
  • 瞭解品牌和導覽功能

個人帳戶與公司或學校帳戶的Microsoft

Microsoft管理兩種用戶帳戶:

  • 個人帳戶 (先前稱為 Windows Live ID)。 這些帳戶代表個別使用者與Microsoft之間的關聯性,並用來從Microsoft存取取用者裝置和服務。 這些帳戶適用於個人用途。
  • 公司或學校帳戶。 這些帳戶是由Microsoft代表使用 Microsoft Entra 標識符的組織來管理。 這些帳戶可用來從 Microsoft 登入 Microsoft 365 和其他商務服務。

Microsoft公司或學校帳戶通常由其組織(公司、學校、政府機構)指派給終端使用者(員工、學生、聯邦員工)。 這些帳戶會直接掌握在雲端中(在 Microsoft Entra ID 中),或從內部部署目錄同步至 Microsoft Entra ID,例如 Windows Server Active Directory。 Microsoft是 公司或學校帳戶的監管人 ,但帳戶是由組織所擁有及控制。

在應用程式中參考 Microsoft Entra 帳戶

Microsoft不會將終端用戶公開至 Azure 或 Active Directory 品牌名稱,您也不應該公開。

  • 一旦使用者登入,請盡可能使用組織的名稱和標誌。 這比使用類似「貴組織」的一般詞彙更好。
  • 當使用者未登入時,請將其帳戶稱為「公司或學校帳戶」,並使用Microsoft標誌來傳達該Microsoft管理這些帳戶。 請勿使用「企業帳戶」、「企業帳戶」或「公司帳戶」等詞彙,這會造成使用者混淆。

用戶帳戶 pictogram

在舊版的這些指導方針中,我們建議使用「藍色徽章」圖片圖。 根據使用者和開發人員的意見反應,我們現在建議改用Microsoft標誌。 Microsoft標誌可協助使用者了解,他們可以重複使用與 Microsoft 365 或其他Microsoft商務服務搭配使用的帳戶,以登入您的應用程式。

使用 Microsoft Entra 識別元註冊並登入

您的應用程式可能會提供註冊和登入的不同路徑,下列各節提供這兩種案例的視覺指引。

如果您的應用程式支援用戶註冊(例如免費試用或免費試用版模型):您可以顯示 登入 按鈕,讓使用者使用其工作帳戶或其個人帳戶存取您的應用程式。 Microsoft Entra 識別碼會在他們第一次存取您的應用程式時顯示同意提示。

如果您的應用程式需要只有系統管理員可以同意的許可權,或您的應用程式需要組織授權:將系統管理員從使用者登入中分離出來。 [ 取得此應用程式] 按鈕 會將系統管理員重新導向登入,然後要求他們代表組織中的使用者授與同意,這有隱藏使用者同意提示給您的應用程式的新增優點。

應用程式擷取的視覺指引

您的「取得應用程式」鏈接必須將使用者重新導向至Microsoft Entra ID 授與存取權(授權)頁面,以允許組織的系統管理員授權您的應用程式能夠存取其組織的數據,而該數據是由Microsoft所裝載。 如何在整合應用程式與Microsoft Entra ID 一文中討論如何要求存取的詳細數據。

系統管理員同意您的應用程式之後,他們可以選擇將其新增至使用者的Microsoft 365 應用程式啟動器體驗(可從華夫餅和從 https://www.office.com/存取)。 如果您想要公告這項功能,您可以使用「將此應用程式新增至組織」等字詞,並顯示類似下列範例的按鈕:

顯示Microsoft標誌和 [新增至我的組織] 文字的按鈕

不過,我們建議您撰寫說明文字,而不是依賴按鈕。 例如:

如果您已經從Microsoft使用 Microsoft 365 或其他商務服務,您可以授 <與your_app_name> 貴組織數據的存取權。 這可讓使用者使用現有的工作帳戶存取 <your_app_name> 。

若要下載要在應用程式中使用的官方Microsoft標誌,請以滑鼠右鍵按下您想要使用的標誌,然後將它儲存到您的電腦。

資產 PNG 格式 SVG 格式
Microsoft 標誌 PNG 格式的可下載Microsoft標誌 SVG 格式的可下載Microsoft標誌

登入的視覺指引

您的應用程式應該會顯示登入按鈕,以將使用者重新導向至對應至您用來與 Microsoft entra ID 整合之通訊協定的登入端點。 下一節提供該按鈕外觀的詳細數據。

Pictogram 和 「使用Microsoft登入」

這是Microsoft標誌與「使用Microsoft登入」字詞的關聯,可唯一代表應用程式可能支援的其他識別提供者Microsoft Entra標識符。 如果您沒有足夠的空間來「使用Microsoft登入」,可以將其縮短為「登入」。 您可以使用按鈕的淺色或深色配置。

下圖顯示搭配應用程式使用資產時,建議使用Microsoft紅線。 紅線適用於「使用Microsoft登入」或較短的「登入」版本。

顯示「使用Microsoft登入」紅線

若要下載要在應用程式中使用的官方映像,請以滑鼠右鍵按下您想要使用的映像,然後將它儲存到您的電腦。

資產 PNG 格式 SVG 格式
使用Microsoft登入 (深色主題) 可下載的 [使用Microsoft登入] 按鈕深色主題 PNG 可下載的 [使用Microsoft登入] 按鈕深色主題 SVG
使用Microsoft登入 (淺色主題) 可下載的 [使用Microsoft登入] 按鈕淺色主題 PNG 可下載的 [使用Microsoft登入] 按鈕淺色主題 SVG
登入 (深色主題) 可下載的 [登入] 簡短按鈕深色主題 PNG 可下載的 [登入] 簡短按鈕深色主題 SVG
登入 (淺色主題) 可下載的 [登入] 簡短按鈕淺色主題 PNG 可下載的 [登入] 簡短按鈕淺色主題 SVG

本地化的術語和UI字串

Microsoft 術語可用來確保當地語語應用程式中的術語符合Microsoft產品中的對應術語。 您可以透過 [Microsoft術語搜尋] 頁面查詢Microsoft術語。

Microsoft UI 字串翻譯可用來確保應用程式的當地語系化版本中的翻譯符合Microsoft產品中對應的 UI 字串。 您可以透過 [Microsoft UI 字串搜尋] 頁面查詢Microsoft UI 字串。

品牌做和不要

搭配 [使用Microsoft登入] 按鈕搭配使用 「公司或學校帳戶」,以提供其他說明,協助終端用戶辨識是否可以使用它。 請勿 使用其他詞彙,例如「企業帳戶」、「商務帳戶」或「公司帳戶」。

請勿 使用「Microsoft 365 標識碼」或「Azure 識別碼」。 Microsoft 365 也是來自 Microsoft 的取用者供應專案名稱,它不會使用 Microsoft Entra ID 進行驗證。

請勿 改變Microsoft標誌。

請勿 將終端用戶公開給 Azure 或 Active Directory 品牌。 不過,您可以搭配開發人員、IT 專業人員和系統管理員使用這些詞彙。

DO 提供讓用戶註銷並切換至另一個用戶帳戶的方式。 雖然大多數人有來自Microsoft/Facebook/Google/Twitter 的單一個人帳戶,但人們通常與多個組織相關聯。 即將推出多個登入用戶的支援。