Mobirise Website Builder

Укрась свое оружие

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

Амулеты

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

Символы отражают силу оружия

Иконки должны быть понятными и выразительными
Держи примеры (но не ограничевайся ими!), какие можно использовать иконки в зависимости от задачи
Mobirise Website Builder
Акцентировать главное
Mobirise Website Builder
Напомнить изученное
Mobirise Website Builder
Выделить правило

Как добыть амулеты? 

Некоторые дизайнеры рисуют иконки сами, но мы предлагаем пойти простым путем. Кликай на иконку, если хочешь открыть ресурс.
Mobirise Website Builder

Mobirise

В конструктор Mobirise уже встроены иконкии, ты можешь менять их цвет
(как работать в Mobirise смотри здесь — Как собрать курс)
Mobirise Website Builder

Freepick

На Freepik можно бесплатно скачать 10 иконок в день
Mobirise Website Builder

Figma

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

Метки

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

Указатели не дадут сбиться с пути

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

Про работу со скриншотами рассказываем в курсе Как делать скринкасты

Mobirise Website Builder

Дай бойцам стратегию боя

Схемы можно создавать в PowerPoint и сохранять как картинки
Больше о работе с PowerPoint здесь → Как создать курс
Mobirise Website Builder
Создаем схему с помощью фигур 
Ctrl+A, чтобы выделить все объекты на слайде и Ctrl+G, чтобы объединить объекты в группу
Mobirise Website Builder
Кликаем по группе правой кнопкой мыши, сохранем в JPEG или PNG (если картинка нужна без фона)

Силе меток нужен контроль

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

Текстуры

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

Поиск текстур

Картинки можно скачать на Freepik или на любом другом ресурсе.
А еще ты можешь создать уникальную картинку с помощью нейросетей.
Mobirise Website Builder
Создано нейросетью
Как работать с Ai смотри в курсе Работа с нейросетями
Mobirise Website Builder
Изображения с Freepik
и тоже создано нейросетью

Завет текстур

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

Mobirise Website Builder
Освоить кольцо цвета

Вооружись знаниями о цвете, чтобы не теряться в контрастах

Mobirise Website Builder
Принять силу шрифта

Словом можно ранить, особенно, если шрифт с засечками — разберём основы работы со шрифтами

Хочешь освоить иной навык? 

Выбирай обучение
Mobirise Website Builder
Инструктаж

Научишься записывать скринкасты 

Mobirise Website Builder
Стратегия боя

Узнаешь как выделять главное
и составлять структуру курса 

Mobirise Website Builder
Искусство пера

Узнаешь правила информативного текста, научишься писать сценарий

Mobirise Website Builder
Сборка брони

Получишь навык сброки курса
в Mobilize или PowerPoint —
на выбор

Mobirise Website Builder
Высший разум 

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