Рекомендации по цвету надстроек Office

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

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

В приложениях Office клиенты персонализуют свои интерфейсы, применяя тему пользовательского интерфейса Office. Клиенты выбирают четыре темы пользовательского интерфейса для изменения стиля фона и кнопок в Excel, Outlook, PowerPoint, Word и других приложениях в наборе Office. Чтобы ваши надстройки чувствовали себя естественной частью Office и реагировали на персонализацию, используйте наши API тем. Например, в некоторых темах цвета фона области задач изменяются на темно-серый. С помощью API-интерфейсов тем следуйте их примеру и настройте текст переднего плана, чтобы обеспечить специальные возможности.

Совет

• Чтобы убедиться, что надстройка применяет правильные сочетания цветов в пользовательском интерфейсе, протестируйте ее со всеми четырьмя темами Office, включая параметр Использовать системный параметр .
• Инструкции по динамическому сопоставлению структуры надстройки PowerPoint с текущим документом или темой Office см. в статье Использование тем документов в надстройках PowerPoint.

Примените следующие общие рекомендации по цвету.

• Используйте цвет с умом для предоставления сведений об иерархии и усиления фирменной символики.
• Злоупотребление отдельным контрастным цветом в интерактивных и неинтерактивных элементах может привести к путанице. Например, не стоит использовать один цвет для выделенных и невыделенных элементов в меню навигации.
• Избегайте ненужных конфликтов с фирменными цветами приложений Office.
• Используйте собственные фирменные цвета для создания ассоциаций с вашей службой или компанией.
• Убедитесь, что весь текст доступен. Убедитесь, что между текстом переднего плана и фоном существует коэффициент контрастности 4,5:1.
• Помните о неспособности некоторых людей различать цвета. Обозначайте интерактивность и иерархию не только с помощью цветов.
• Дополнительные сведения о разработке значков команд надстроек с помощью цветовой палитры значков Office см. в руководстве по значкам.