Bitrix

Оформление панелей плагинов

Ниже отражены требования и рекомендации по оформлению лент плагинов и их содержимого, принятые в рамках организации для корпоративных разработок. Формирование иконок выполняется в среде Figma по следующему адресу.

Данные рекомендации не предполагают привязку оформления плагинов к корпоративному логобуку, а используют цветовые решения и ассоциации с интерфейсом Revit.

Цветовое решение

В качестве основного цветового решения приняты следующие цвета (HEX): #333333 и #BDBDBD

В качестве вспомогательных цветовых решений приняты следующие цвета (HEX): #FF3333, #238C46, #FF6900, #178FE6

В случае необходимости могут быть применены дополнительные цвета, но они не должны нарушать основное цветовое решение.

Размер иконок

Для корректного отображения на панели иконки должны быть размером 16х16 пикселей (маленькие кнопки) или 32х32 пикселей (большие кнопки) и иметь разрешение 96dpi (96 точек на дюйм). Предпочтителен PNG формат изображений.

Для получения необходимого разрешения требуется формировать иконки 16x16 размером 12х12, а иконки 32х32 размером 24х24. Для вывода сформированных иконок в формат PNG необходимо выполнять экспорт с коэффициентом х1.33:

Свойства кнопок

Каждая размещенная на панели кнопка при ее размещении на панель должна обладать следующими обязательными свойствами:

  1. ToolTip - краткое описание функционала, отображающееся при наведении и удержании курсора на кнопке.

  2. Image/LargeImage - свойство для хранения иконки (маленькой/большой) назначается в зависимости от размера кнопки. Для больших кнопок рекомендуется назначать оба свойства для случая размещения иконки в панели быстрого доступа.

Для сложных плагинов, требующих для понимания работы более подробных разъяснений, чем краткая подсказка ToolTip, требуется формирование инструкции в информационном пространстве данного раздела с указанием ссылки на данную инструкцию в свойстве кнопки ContextualHelp (указывает ссылку для перехода при нажатии кнопки F1 при удержании курсора на кнопке).

Прочие рекомендации

  1. Для обеспечения легкости рекомендуется использовать толщину линий 0,75.

  2. Для лучшей интеграции в цветовую гамму ленты Revit рекомендуется размещать иконки без фона (если фон не имеет прямой смысловой нагрузки).

Last updated

Was this helpful?