KWIGA центр підтримки LMS (навчання) Робота з практиками, домашніми завданнями Створення та налаштування шаблонів стилю для квізів

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

Статті:

Як створити єдине оформлення для всіх квізів, налаштувавши кольори, шрифти та кнопки один раз і застосовуючи їх до нових завдань.


У цій статті:


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

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

Як створити шаблони стилів для квізів

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

Щоб додати новий варіант потрібно клікнути на кнопку +

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

Налаштування кольорової схеми (вкладка Макет)

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

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

Окремо можна налаштувати колір блоків відповідей та додатковий колір блоків для створення акцентів у дизайні.

Колір блоків відповідей визначає фоновий колір для варіантів відповідей у більшості типів питань: єдиний вибір, множинний вибір, опитування, шкала Лікерта, заповнити пропуски, сортування, відповідність, скласти речення з слів, список, мульти-список, вписати слово, скласти слово з літер, текстова відповідь. Цей параметр дозволяє зробити варіанти відповідей більш помітними та стилістично узгодженими з загальним дизайном квізу.

Додатковий колір блоків відповідей використовується спеціально для питання типу Відповідність. Коли в налаштуваннях цього типу питання увімкнена опція перетягування, з'являються додаткові блоки, куди можна перетягувати відповіді. Саме на ці блоки впливає дана опція кольору.

Налаштування кнопок (вкладка Кнопки)

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

Спосіб показу самого квізу налаштовується при його створенні, а в шаблоні ви задаєте стиль кнопок для кожного з цих варіантів.

У шаблоні можна налаштувати вигляд різних кнопок, які використовуються в квізах. 

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

Кнопка Завершити квіз з'являється на фінальному етапі і має окремі налаштування стилю, також можна змінити її текст та оформлення.

Окрім оформлення кнопок, можна налаштувати їх розташування на сторінці. 

Доступні окремі налаштування позиціонування для десктопної версії та для мобільних пристроїв, що дозволяє оптимізувати зручність використання квізів на різних екранах.

​​Практичні поради щодо створення шаблонів

Для початку рекомендується створити базовий нейтральний шаблон з темно-сірим кольором для заголовків, чорним кольором для питань, м'якими відтінками для відповідей та стандартними синіми кнопками. Такий шаблон підійде для більшості випадків. Або можна просто використовувати готовий шаблон за замовчуванням.

Якщо ви працюєте в організації, варто створити корпоративний шаблон з кольорами бренду компанії та узгодженою палітрою для всіх елементів. Це допоможе підтримувати фірмовий стиль у всіх навчальних матеріалах.

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

Застосування шаблонів

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

Можна змінити шаблон для існуючого квізу в будь-який момент та дублювати наявні шаблони для створення варіацій.

Також в меню Квізи, на списку з усіма квізами, є можливість застовувати шаблон одразу до певної кількості квізів з допомогою Масових дій.

За потреби, змінити шаблон можна і в окремому уроці. Для цього перейти на продукту в конструктор уроку і Перевизначити шаблон безпосередньо на доданій практиці в певному уроці.

З допомогою попереднього перегляду на курсі можна перевіряти, як виглядатимуть квізи зі зміненим дизайном в уроці.

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