ЗначкиIcons

Значки — это визуальное представление поведения или концепции.Icons are the visual representation of a behavior or concept. Они часто используются, чтобы отобразить предназначение элементов управления и команд.They are often used to add meaning to controls and commands. Визуальные элементы, реалистичные или символические, позволяют выполнять навигацию в пользовательском интерфейсе аналогично значкам в среде пользователя.Visuals, either realistic or symbolic, enable the user to navigate the UI the same way signs help users navigate their environment. Эти элементы должны быть простыми, четкими и содержать только необходимые сведения, чтобы пользователи могли быстро проанализировать, какое действие произойдет при выборе элемента управления.They should be simple, clear, and contain only the necessary details to enable customers to quickly parse what action will occur when they choose a control.

Интерфейсы ленты Office отличаются стандартным визуальным стилем.Office ribbon interfaces have a standard visual style. Это поможет обеспечить знакомый пользователям единообразный интерфейс для всех приложений Office.This ensures consistency and familiarity across Office apps. Рекомендации помогут вам создать для своего решения набор ресурсов PNG, полностью совместимых с Office.The guidelines will help you design a set of PNG assets for your solution that fit in as a natural part of Office.

Многие контейнеры HTML содержат элементы управления со значками. Используйте пользовательский шрифт Office UI Fabric для отрисовки значков в стиле Office в своей надстройке. Шрифт значков Fabric содержит ряд глифов для распространенных метафор Office, к которым можно применить необходимые параметры масштабирования, цвета и стиля. Если у вас имеется визуальный язык с собственным набором значков, используйте его на своем полотне HTML. Обеспечение согласованности собственной фирменной символики со стандартным набором значков — важная часть любого языка дизайна. Не допускайте конфликтов с метафорами Office. Это облегчит работу пользователей и поможет избежать путаницы.Many HTML containers contain controls with iconography. Use Office UI Fabric’s custom font to render Office styled icons in your add-in. Fabric’s icon font contains many glyphs for common Office metaphors that you can scale, color, and style to suit your needs. If you have an existing visual language with your own set of icons, feel free to use it in your HTML canvases. Building continuity with your own brand with a standard set of icons is an important part of any design language. Be careful to avoid creating confusion for customers by conflicting with Office metaphors.

Создание значков для команд надстроекDesign icons for add-in commands

Команды надстройки добавить кнопки, текст и значки в пользовательский интерфейс Office. Командные кнопки надстройки должны содержать понятные значки и метки, которые ясно определяют действие, выполняемое пользователем при использовании команды. В следующих статьях приводятся рекомендации по оформлению и оформлению, которые помогут вам разрабатывать значки, которые легко интегрируются с Office.Add-in commands add buttons, text, and icons to the Office UI. Your add-in command buttons should provide meaningful icons and labels that clearly identify the action the user is taking when they use a command. The following articles provide stylistic and production guidelines to help you design icons that integrate seamlessly with Office.

Примечание

Необходимо выбрать один из стилей или другой, и ваша надстройка будет использовать те же значки независимо от того, работает ли он в Office 365 или Office без подписки.You must choose one style or the other and your add-in will use the same icons whether it is running in Office 365 or non-subscription Office.

См. такжеSee also