Office 加载项设计语言
Office 设计语言是一种简单明了的视觉对象系统，它可确保体验的一致性。 它包含一组用于定义 Office 接口的可视化元素，包括：
- 标准字样
- 公用调色板
- 一组版式大小和权重
- 图标准则
- 共享图标资源
- 动画定义
- 常见组件
Fluent UI 是使用 Office 设计语言进行构建的官方前端框架。 使用 Fluent UI 是可选的，但它是确保外接程序感觉为 Office 的自然扩展的最快方法。 利用 Fluent UI 设计和生成补充 Office 的加载项。
许多 Office 外接程序与先前存在的品牌相关联。 你可以保留外接程序中的强大品牌及其视觉对象或组件语言。 与 Office 集成的同时寻找保留自己的视觉对象语言的机会。 寻找方法将 Office 颜色、版式、图标或其他样式元素置换为你自己品牌的元素。 在插入客户熟悉的控件和组件时，寻找遵循通用外接程序布局或 UX 设计模式的方法。
在 Office 内插入基于主要品牌的 HTML 的 UI 会对客户产生不一致性。 找到一个能够在 Office 中无缝整合的平衡点，同时与你的服务或父品牌保持明确一致。 当加载项不适合 Office 时，通常是因为风格元素冲突。 例如，版式过大和网格关闭、颜色对比度鲜明或太过强烈，或者相比 Office 动画过多且行为有差异。 控件或组件的外观和行为与 Office 标准相差甚远。
查看视觉对象元素的指南
了解构成 Office 外接程序的每个视觉元素，包括指南和建议的做法。
设计可供下载的工具包
为了帮助你入门，我们创建了用于 Mac 的 Sketch 应用程序或适用于 Windows 或 Mac 的 Adobe XD 应用程序的工具包。 以下下载内容包括我们所有的可用模式，以及简要说明和布局建议。