#факапы

Новая неделя — старый факап)
______________________________
Факап 3️⃣или почему мелочи на самом деле не мелочи

Чтобы сделать кастомные кнопки и настроить триггеры при сборке в iSpring Suite мы используем прозрачные плашки. Америку, вроде, не открыла

Сами плашки делаем из фигуры (чаще всего прямоугольник) с прозрачностью 99%, чтобы точно всё работало. Думаю, об этом тоже известно

⬇️А ситуация у меня была такая.
Собрала курс с кастомными кнопками, проверяю по ссылке со стационарного ПК и вижу, что плашки-то мои хорошо так заметны 🫣

⚡️Дело в том, что плашки были с белой заливкой, а фон слайда — темно-фиолетовый. И на этом контрасте плашки на слайде легко проглядывались

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

А вы знали про такой нюанс?
🔥— впервые слышу
👍🏻 — всегда заливал (а) плашки в цвет фона

#ИзбаЧитальня

Факт обо мне, который многие могут не знать: когда-то у меня был книжный блог (блогер со стажем, получается 🙂 )

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

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

⚡️В книге рассматриваются 4️⃣ базовых принципа дизайна:
🟢контраст — если вас что-то смущает в своём дизайне, не ищите разные элементы, ищите похожие. И сделайте их разными

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

⚪️выравнивание — лучшее выравнивание — это выравнивание по левому краю

⚫️приближенность — размещайте связанные друг с другом элементы (текст, объекты, иллюстрации) рядом. Это помогает структурировать информацию. Если информация организована правильно, то вероятность того, что её прочтут и запомнят, высока

⚡️Вторая часть книги посвящена дизайну шрифтов
Автор выделяет 6 категорий шрифтов и подробно разбирает применение каждого. Отдельно говорится о контрасте шрифтов и за счёт чего его можно сделать

Основное:
🟢тёплые цвета притягивают больше внимания, чем холодные. Если вам нужно сделать акцент — используйте тёплый цвет

⚫️используйте жирные шрифты в контраст светлым

Я в 99% курсов делаю основной текст толщиной шрифта Light, а акценты — Bold. Medium практически не использую

🔵выбирайте шрифты из разных категорий, чтобы получить контраст

Это правило, на мой взгляд, больше подходит для дизайна баннеров, памяток, чек-листов. Всё-таки курс имеет большой объём текста. Я обычно для курса беру одно семейство шрифтов и «играю» на контрасте размеров и насыщенности. Максимум — 2 шрифта (один для заголовков, один — для основного текста)

Итог: книга ориентирована на западную аудиторию и некоторые правила для нас неактуальны. Но для общего развития и насмотренности (а в книге много примеров) стоит прочитать 😊

Доброе пятничное!
В этом месяце в канале Tips and Tricks выйдет 2️⃣ моих поста на тему привлечения сотрудников в разработку курсов

Актуалочка для тех, кто работает в компаниях)

Первый пост уже вышел. Второй будет в следующую пятницу ✨

Полезного чтения!

Завершим финальную неделю этого лета просто WOW-новостью 🔥

В понедельник (2 сентября) в чате Марафоны iSpring стартует марафон по триггерам Триггерофон, где я буду помогать Саше Цветкову @aletsvetkov погружать вас в мир триггеров и анимаций!

Марафон подойдет так и для тех, кто вообще ничего не знает про триггеры, так и для опытных разрабов ⚡️

Будет полезно, интересно, да ещё и с крутыми призами 😱

Для участия в марафоне регистрируйтесь тут.
Участие — ноль рублей)

До встречи в чате марафона ❤️

#АкадемияiSpring

#полезностейпост

Всем привет!
Триггерофон во всю идет, и в чате марафона огромное количество крутых работ 🔥

Иногда думаешь, ну куда ещё креативнее, коллеги! А нет, есть куда 😀

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

Основное
⚫️Картинка должна быть в хорошем качестве
⚪️Колёса должны быть круглыми

Тогда вы сможете сделать классную анимацию, и никто не заметит подвоха 😉

В работе с триггерами и анимациями важно понять логику работы. Вам не нужны 100500 курсов по анимациям в Power Point, если вы поймете базу, как это делать. Тогда вы сможете собрать всё, что захотите. Дальше — только практика

Самая мощная база для старта в профессии разработчика — в Академии iSpring. Здесь вас научат не только собирать интерактивы на триггерах, но и делать это без технических ошибок. Да и не только триггерам научат, так то 😊

Приходите) старт совсем скоро🚀