Стандартные компоненты упрощают создание, настройку и повторное использование качественных последовательных диаграмм. Этот профессиональный стиль используется для всех шаблонов диаграмм Salesforce и доступен в наших партнерских инструментах для создания диаграмм сценариев использования:

Луцидная диаграмма Элементы Миро Google Slides

Найдите примеры использования компонентов в Справочной галерее архитектуры

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

Заголовок должен присутствовать на всех диаграммах и содержать:

• Заголовок, который может быть быстро понятен аудитории
• Четкое описание того, что охватывает диаграмма, ее цель и намерение
• (дополнительно) ваш логотип или название компании для передачи автора
• (дополнительно) Ключ для уточнения значков, дизайна или символов, используемых в качестве классификаций

Размер должен составлять не менее 10% от высоты диаграммы и 100% от ширины.

Размер шрифта описания должен составлять не менее половины заголовка.

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

Все свойства диаграммы должны быть представлены карточкой. Размер карт может быть изменен, и они могут иметь прозрачные или цветные заполнения. Существует несколько разделов карточки, предоставляющих варианты, которые можно использовать для представления разных понятий в диаграмме.

Пример карточки ниже с описанными разделами. Единственное обязательное содержимое карты - это заголовок. Другие разделы доступны для использования при необходимости в определенных сценариях использования.

Значок карты
Значки карты - это визуальные активы, представляющие свойство карты

Заголовок карты
Заголовок карты - это имя карты, которое можно быстро понять, собирая, какое свойство, область или понятие представляет карта

Атрибуты карты
Атрибуты карты — это текстовые сведения об имуществе, представленные в виде списка и используемые при необходимости сбора и передачи нескольких точек данных

Нижний колонтитул карты
Нижний колонтитул карты предоставляет дополнительные характеристики свойства. Примеры: Имена пакета/ объекта/ API, ответственность, возможности и т. д.

Значки нижнего колонтитула карты
Раздел «Значки нижнего колонтитула» предназначен для отображения визуальными активами дополнительных сведений о свойстве. Например: каналы, общедоступные службы, возможности и т. д. Значки нижнего колонтитула должны быть добавлены/объяснены в ключ диаграммы.

Использование разных разделов предоставляет разные варианты карт для разных целей. Вы можете смешивать и сопоставлять анатомию карты, при необходимости, чтобы создать эти варианты в диаграммах. См. примеры ниже:

См. Справочную галерею архитектуры для получения идей по использованию этих вариантов.

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

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

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

С примерами использования значков можно ознакомиться в Справочной галерее архитектуры

Дополнительные значки см. в разделе Значки системы Lightning Design.

Коннекторы должны всегда использовать линии локтевого соединения и быть прямыми, когда это возможно, для большей читаемости.

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

Таблетки используются для предоставления сведений о подключениях. См. диаграммы «Архитектура решения» и «Процесс взаимодействия», например, использование таблеток.

Во всем мире приблизительно 1,3 миллиарда человек живут с той или иной формой инвалидности, что составляет 15% населения мира. Доступность — это доступность диаграммы для всех пользователей. Существует две отдельные области фокуса, которые могут помочь диаграммам быть более доступными: оптимизация для программ чтения экрана и корректное использование цветового контраста.

Дополнительные сведения о создании дизайна для доступности см. в блоге Salesforce Design.

Экранные дикторы
Экранный ридер — это программное приложение, читающее вслух слова из файла, приложения или веб-сайта. Экранный ридер может читать диаграммы отдельным лицам, которые не могут их четко видеть. Лучшим форматом для совместимости экранного диктора является PDF (формат переносного документа). В отличие от изображений и недоступных приложений, PDF-документы доступны для чтения слов, форм и цветов экрана. Экспорт диаграмм в формате PDF при предоставлении общего доступа другим пользователям может повысить доступность.

Цветовой контраст
Повышение контраста цвета - это еще один способ повысить доступность диаграммы. Пользователи смогут лучше распознавать и читать ваши диаграммы, если они соответствуют минимальным цветовым контрастам (WCAG) при соотношении 4,5:1 между фоновым цветом текста и цветом самого текста.

Каждый цвет в системе цветов Salesforce связан с числом от 0 до 100. При выборе цвета диаграмм убедитесь, что фоновый цвет текста больше или меньше цвета текста как минимум на 50 пунктов. Например, если фоновый цвет составляет 80, то цвет текста не должен превышать 30. Рекомендуем использовать правило 50 пунктов при необходимости для границ и контуров.

Есть вводные данные или вопросы по диаграммам Salesforce? Пожалуйста, сообщите нам о своих мыслях здесь.