Брендирование

В разделе «Брендирование» на уровне компании происходит настройка дизайна всех новых учебных курсов, созданных в компании.

В этой статье вы узнаете:

• как создать стиль;

• как настроить стиль;

• как установить стиль по умолчанию;

• как применить стиль в конкретном курсе.

• как импортировать/экспортировать стиль

• как дублировать стиль

• как удалить стиль

Шаг 1. Создание стиля

В разделе «Брендирование» на уровне компании создайте новый стиль.

Шаг 2. Настройка стиля

Настройте стиль с помощью 5 вкладок:

Тема

Типография

Страницы курса

Элементы

Начинайте настройку стиля с вкладки «Тема». Завершив настройку вкладки «Тема», вы можете перейти к вкладке «Элементы», если нужно точечно настроить отдельные элементы:

• «Логотип» – загрузите ваш логотип, который будет отображаться в хедере/футере вашего курса:

• «Цветовая схема» – установите основной цвет, дополнительный цвет, цвет неактивных элементов, цвет разных типов текста, цвет фона у всех элементов и др.:

• «Рамка» – вы можете скрыть/показать рамку у всех элементов и определить параметр скругления для всех элементов:

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

Здесь находятся расширенные возможности по настройке шрифтов для текста, и других элементов, в которых он используется. Вы можете задать единый вид шрифтов, размеров, межстрочного интервала и других параметров типографии для всех видов текста - заголовков, основного текста, подписей и т.д.

Для таких типов текста как "Список", "Цитата" и "Ссылка" часть параметров наследуется из настроек основного текста.

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

На вкладке «Страницы курса» вы можете настроить внешний вид курса: боковую панель, модальное окно завершения курса и другое.

Вкладка «Элементы» содержит все настройки элементов. Используйте ее, если элемент необходимо донастроить.

Выберите элемент, который планируете изменить. Внесите изменения в появившемся окне настроек:

Шаг 3. Установка стиля по умолчанию (опционально)

Если созданный стиль будет постоянно (или довольно часто) использоваться в проектах, имеет смысл установить данный стиль по умолчанию.

В разделе «Брендирование» поставьте галочку напротив созданного стиля, и в выпадающем списке выберите «По умолчанию».

Шаг 4. Применение/изменение стиля в конкретном курсе

Откройте проект, перейдите в настройки проекта.

В секции «Шаблон брендирования» выберите стиль.

Нажмите кнопку «Применить».

Шаг 5. Импорт стиля

Вы можете загрузить готовый стиль брендирования, в виде файла json. В разделе "Брендирование" нажмите на значок плюса и в выпадающем меню выберите "Импортировать".

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

Шаг 6. Экспорт стиля

Вы можете экспортировать стиль, в виде файла json, для дальнейшего использования, например в другой компании.

В разделе «Брендирование» поставьте галочку напротив нужного стиля, и в выпадающем списке выберите «Экспортировать».

Шаг 7. Дублировать стиль

Чтобы дублировать стиль брендирования, в разделе «Брендирование» поставьте галочку напротив нужного стиля, и в выпадающем списке выберите «Дублировать».

Шаг 8. Удалить стиль

Чтобы удалить стиль брендирования, в разделе «Брендирование» поставьте галочку напротив нужного стиля, и в выпадающем списке выберите «Удалить».