Создание и настройка шаблонов стиля для квизов

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

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

Как создать шаблоны стилей для квизов

Для работы с шаблонами стиля нужно перейти в меню Квизы, а затем нажать кнопку Настройки на платформе. Здесь вы можете настраивать существующие шаблоны, создавать новые с нуля, выбирать шаблон по умолчанию, а также копировать и редактировать имеющиеся варианты.

Чтобы добавить новый вариант, нужно нажать кнопку +.

Важно отметить: если вас устраивает текущее оформление и нужно внести минимальные правки, можно скопировать шаблон и отредактировать его.

Настройка цветовой схемы (вкладка Макет)

В первой вкладке Макет можно детально настроить типографику и цвета. Для всех текстовых элементов — названия квиза, вопросов, ответов, утверждений и нумерации вопросов — доступны одинаковые настройки. Просто кликните на текущее значение любого параметра и выберите нужное: можно изменить размер шрифта, его стиль и цвет. При выборе цвета можно использовать доступные варианты, добавить собственный, указав код цвета в формате #000000, или воспользоваться колорпикером и выбрать оттенок на палитре.

Примечание. Это так называемый HEX-код цвета — шестизначный код, который точно определяет оттенок. Первые две цифры отвечают за красный цвет, следующие две — за зелёный, последние две — за синий. Например, #FF0000 — красный, #00FF00 — зелёный, а #0000FF — синий. Найти нужные коды можно на специальных сайтах-палитрах или в графических редакторах.

Отдельно можно настроить цвет блоков ответов и дополнительный цвет блоков для создания акцентов в дизайне.
Цвет блоков ответов определяет фон для вариантов ответов в большинстве типов вопросов: единственный выбор, множественный выбор, опрос, шкала Лайкерта, заполнить пропуски, сортировка, соответствие, составить предложение из слов, список, мульти-список, вписать слово, составить слово из букв, текстовый ответ. Этот параметр помогает сделать варианты ответов более заметными и стилистически согласованными с общим дизайном квиза.

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

Настройка кнопок (вкладка Кнопки)

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

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

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

Например, кнопка Далее используется для перехода между вопросами, и для неё можно задать дизайн и цвет. Когда пользователь доходит до последнего вопроса, эта кнопка автоматически меняется на Завершить квиз.

Кнопка Завершить квиз появляется на финальном этапе и имеет отдельные настройки стиля; также можно изменить её текст и оформление.

Помимо внешнего вида кнопок, можно настроить их расположение на странице. 

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

Практические советы по созданию шаблонов

Для начала рекомендуется создать базовый нейтральный шаблон: тёмно-серый цвет для заголовков, чёрный для вопросов, мягкие оттенки для ответов и стандартные синие кнопки. Такой шаблон подойдёт для большинства случаев. Либо можно использовать готовый шаблон по умолчанию.

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

Для специализированных курсов можно разработать тематические шаблоны с цветами, соответствующими теме. Например, зелёные оттенки для курсов по экологии, синие — для технологий. Главное — соблюдать контрастность для лучшей читаемости и использовать акцентные цвета для важных элементов.

Применение шаблонов

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

Шаблон для существующего квиза можно изменить в любой момент и дублировать имеющиеся шаблоны для создания вариаций.

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

При необходимости шаблон можно изменить и в отдельном уроке. Для этого нужно зайти в продукт в конструкторе урока и переопределить шаблон прямо в добавленной практике конкретного урока.

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

Правильно настроенные шаблоны стиля значительно повышают профессиональный уровень ваших учебных материалов и обеспечивают комфортный опыт для участников квизов.