Compartir a través de

Microsoft 登录:应用程序的品牌准则

开发使用 Microsoft 标识平台的应用程序时,你需要在你的客户想要使用工作或学校帐户(在 Microsoft Entra ID 中托管)注册和登录到你的应用程序时指导客户进行相关操作。

在本文中,你将:

  • 了解 Microsoft 管理的两种用户帐户以及如何在应用程序中引用 Microsoft Entra 帐户
  • 了解有关在应用中使用 Microsoft 徽标的要求
  • 下载官方的登录使用 Microsoft 登录图像以在应用中使用
  • 了解品牌和导航的注意事项

在应用程序中引用 Microsoft Entra 帐户

Microsoft 不会向最终用户显示 Azure 或 Active Directory 品牌名称,你也应该如此。

  • 在用户登录后,应尽量使用组织的名称和徽标。 这比使用“你的组织”等通用词语要好。
  • 如果用户未登录,将他们的帐户称为“工作或学校帐户”,并使用 Microsoft 徽标来表明这些帐户由 Microsoft 管理。 请勿使用“企业帐户”、“业务帐户”或“公司帐户”等词语,这会给用户造成混淆。

用户帐户象形图

在先前版本的准则中,我们建议使用“蓝色徽章”象形图。 根据用户和开发人员的反馈,我们现在建议改用 Microsoft 徽标。 Microsoft 徽标可帮助用户了解他们可重用其用于 Microsoft 365 或其他 Microsoft 业务服务的帐户来登录应用。

使用 Microsoft Entra ID 注册和登录

应用程序可以为注册和登录提供不同的路径,以下部分提供了这两种应用场景的可视指南。

如果应用支持最终用户注册(例如免费试用或免费增值模式) :可以显示“登录”按钮,让用户使用其工作帐户访问应用。 在首次访问应用时,Microsoft Entra ID 会显示同意提示。

如果应用需要只有管理员才能授予的权限,或者需要组织许可: 请将管理员请求与用户登录区别开来。 “获取此应用”按钮 会将管理员重定向到登录页,然后要求他们代表其组织中的用户授权同意,这还有一个额外的好处,那就是在你的应用中抑制最终用户许可提示。

有关获取应用程序的可视指南

“获取应用”链接必须将用户重定向到 Microsoft Entra ID 的访问权限授予(授权)页,以方便组织的管理员对应用程序进行授权,使其有权访问 Microsoft 托管的组织数据。 有关如何请求访问权限的详细信息,请参阅将应用程序与 Microsoft Entra ID 集成一文。

管理员同意应用后,可以选择将应用添加到其用户的 Microsoft 365 应用启动器体验(可从 waffle 和 https://www.office.com/ 访问)。 如果想要广告此功能,可以使用类似于“将此应用程序添加到组织”词语,并显示类似于以下示例的按钮:

显示 Microsoft 徽标和“添加到我的组织”文本的按钮

但是,我们建议编写说明性的文本而不要依赖于按钮。 例如:

如果已使用了 Microsoft 365 或 Microsoft 的其他业务服务,则可以授予 <your_app_name> 对组织数据的访问权限。 这样,用户便可以使用其现有工作帐户访问 <your_app_name>。

若要下载官方 Microsoft 徽标以在应用中使用,请右键单击要使用的徽标,然后将其保存到计算机。

资产 PNG 格式 SVG 格式
Microsoft 徽标 PNG 格式的可下载 Microsoft 徽标 SVG 格式的可下载 Microsoft 徽标

有关登录的可视指南

应用应显示登录按钮,用于将用户重定向到与用来与 Microsoft Entra ID 集成的协议对应的登录终结点。 以下部分详细描述了该按钮的外观。

图标和“通过 Microsoft 登录”

Microsoft 徽标和“通过 Microsoft 登录”词语的关联可唯一地将 Microsoft Entra ID 与应用支持的其他标识提供者区别开来。 如果没有足够的空间来容纳“通过 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 ID”或“Azure ID”。 Microsoft 365 也是 Microsoft 的消费型产品名称,它不使用 Microsoft Entra ID 进行身份验证。

不要 更改 Microsoft 徽标。

请勿向最终用户显示 Azure 或 Active Directory 品牌。 但是,可以对开发人员、IT 专业人员和管理员使用这些词语。

提供让用户注销以及切换到其他用户帐户的方法。