Поделиться через

Конструктивные шаблоны пользовательского интерфейса для надстроек Office

  • Статья

Проектирование пользовательского интерфейса для надстроек Office должно обеспечивать удобство работы для пользователей Office и расширять функциональный набор Office благодаря плавной интеграции в интерфейс Office по умолчанию.

Наши шаблоны пользовательского интерфейса состоят из компонентов. Компоненты — это элементы управления, которые помогают клиентам взаимодействовать с элементами программного обеспечения или службы. Кнопки, элементы навигации и меню — это примеры общих компонентов, которые часто отличаются единым стилем и поведением.

Компоненты Fluent UI React выглядят и ведут себя как часть Office, как и компоненты Office UI Fabric JS, не зависящие от платформы. Воспользуйтесь преимуществами любого набора компонентов для интеграции с Office. Кроме того, если надстройка имеет собственный язык компонентов, отбрасывать его не нужно. Найдите возможности сохранить его, интегрируя надстройку с Office. Рассмотрите способы изменения стилистических элементов и удаления конфликтов или примените понятные пользователям стили и поведение.

Предоставленные шаблоны — это наилучшие решения, основанные на общих сценариях клиентов и исследованиях работы пользователей. Они предназначены как для быстрого входа в разработку и разработку надстроек, так и для обеспечения баланса между элементами фирменной символики Майкрософт и вашими собственными. Обеспечение чистого и современного пользовательского интерфейса, которое балансирует элементы дизайна из языка дизайна пользовательского интерфейса Fluent от Майкрософт и уникальной фирменной символики партнера, может помочь повысить уровень удержания пользователей и внедрения вашей надстройки.

Используйте шаблонные заготовки пользовательского интерфейса для того, чтобы:

  • применять решения в распространенных клиентских сценариях;
  • следовать рекомендациям по оформлению;
  • Включите компоненты и стили пользовательского интерфейса Fluent .
  • создавать надстройки, внешний вид которых согласован со стандартным пользовательским интерфейсом Office;
  • формировать и визуализировать пользовательский интерфейс.

Начало работы

Шаблоны организованы по ключевым действиям или функциональным возможностям, которые часто используются в надстройке. Основные группы:

Просмотрите каждую группу, чтобы получить представление о том, как можно создавать свои надстройки с использованием рекомендаций.

Примечание.

Примеры экранов, демонстрируемые в этой документации, созданы и отображены с разрешением 1366x768.

См. также