适用于外接程序和 Web 应用程序的 Office UI 工具包

上次修改时间:2015 年 9 月 28 日

适用于:Office 365 | Office 外接程序 | SharePoint 外接程序

设计和构建适用于 Office 365 的 Web 应用程序或 Office 和 SharePoint 外接程序时,您可以利用 Office UI 工具包,使您的体验外观和感觉与 Office 相似。Office UI 工具包具有重要的即插即用组件,这使得创建连接到 Office 并与其集成的 Web 体验变得容易,包括:

备注:我们鼓励您采用 Office UI 工具包,但也欢迎您使用任何其他框架。事实上,该工具包设计为可与其他常用框架一起使用,例如 Bootstrap。

Office UI 结构

Office UI 结构开源项目提供可用于在 Web 应用程序和外接程序中创建 Office 外观和感觉 的组件。

  • HTML 控件(输入框、按钮等)的颜色、动画和基本肤色样式。

  • 说明如何连接样式和添加行为的示例 HTML 与 JavaScript 模板。

  • 排版和插图的字体。

    注意: 虽然字体本身不开源,但您可以在由 Office 强力驱动的应用和外接程序中,从我们的 CDN 引用它们。如果您对字体的许可使用有任何疑问,请务必阅读 许可

根据设计,Office UI 结构不包括任何数据源或数据绑定框架。这意味着您可以使用结构并将其插入到在 Office 支持的 Web 应用程序或外接程序中需要的任何控件和数据源。

要开始使用 Office UI 结构,请参阅下列信息:

有关 Office UI 结构和 SharePoint 外接程序的信息,请参阅 SharePoint 外接程序用户体验准则

Office JavaScript 控件

只要您的应用程序需要连接到 Office 服务或提供与 Office 几乎相同的 UI,即可使用 Office JavaScript 控件。这些是 交钥匙控件,已设计为与 Office 365 一起使用。您只需引用并配置控制文件即可。

若要了解详细信息,请参阅 Office 365 JavaScript 控件

Office 声音

我们建议您将 Web 应用程序或外接程序 UI 文本中 Office UI 的声音和语调统一起来。若要了解详细信息,请参阅 Office 声音

可访问的应用程序和外接程序

为确保所有潜在用户都能成功使用您的应用程序和外接程序,请使其对所有受众均可访问。这包括使它们易于使用、针对所有输入方法进行设计,以及对应用程序或外接程序设计中使用的辅助技术负责。有关详细信息,请参阅创建可访问的应用程序和外接程序

其他资源