This media is not supported in your browser
VIEW IN TELEGRAM
Пока писала сценарий одного из уроков наткнулась на полезный и очень простой инструмент для визуализации данных от Google — Data GIF Maker
Это бесплатный онлайн-инструмент. С его помощью можно быстро превращать числа и данные в красивые анимированные GIF-графики
Хотите визуализировать результаты опроса? Показать сравнение параметров? Добавить цвета, логотип и выбрать стильный анимированный график? Всё это возможно за пару минут!
Как работает:
1. Вводите параметры для сравнения с процентами или оставляете просто числа, которые хотите показать.
2. Настраиваете цвета, выбираете шрифт (правда, выбор шрифта только для английского, русский язык доступен, но стиль шрифта для него не применяется, в русском тексте будет отображаться шрифт с засечками). При этом рекомендую надписи сделать уже в презентации, так можно и текст редактировать, и настроить шрифт не зависимо от языка.
3. Скачиваете GIF или MP4 — готово!
Подойдёт для отчетов, презентаций или курсов. Если хочется сделать информацию наглядной, без сложных графиков и таблиц, чтобы на ваши данные во время презентации обратили внимание, вот лёгкий способ, как это сделать.
Попробуйте сами. Мне лично понравилось.
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥6❤2❤🔥1⚡1👍1
Media is too big
VIEW IN TELEGRAM
#ДоПосле #LLDesign
▶️ Я уже писала, что сейчас веду учебную программу по основам педагогического дизайна для внутренних "разработчиков".
Моя целевая аудитория — это в основном менеджеры по персоналу, оценке и развитию, которые имеют минимальный опыт разработки электронных курсов или совсем без опыта. Это пилотный проект. Здесь больший фокус я делаю на методику разработки, хочу научить "студентов" мыслить как педдизайнер.
💙 Но один урок посвящен визуальному оформлению учебных материалов. В рамках практического задания нужно оформить 3-5 слайдов по своему учебному проекту (к этому этапу уже выбрана тема курса, определена целевая аудитория, результаты курса, создана структура курса и прототип одного модуля).
⤴️ На отдельной встрече мы разобрали работы участников. Обсудили, как сделать слайды проще, чище и понятнее: меньше лишнего, больше контраста, логики и аккуратного выравнивания...
Хочу поделиться кусочком видео с этого вебинара. Здесь я показываю, как переработала слайды одного из учебных курсов: что поменяла, как усилила визуал и какие ресурсы использовала в работе.
✔️ Как вам идея с пунктирными линиями? Как считаете образы и метафоры нужны в учебных курсах или это лишнее?
Моя целевая аудитория — это в основном менеджеры по персоналу, оценке и развитию, которые имеют минимальный опыт разработки электронных курсов или совсем без опыта. Это пилотный проект. Здесь больший фокус я делаю на методику разработки, хочу научить "студентов" мыслить как педдизайнер.
Хочу поделиться кусочком видео с этого вебинара. Здесь я показываю, как переработала слайды одного из учебных курсов: что поменяла, как усилила визуал и какие ресурсы использовала в работе.
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥7❤1👏1
Мой курс в корпоративной СДО, который вышел в сентябре прошлого года, собрал 1000+ комментариев.И для меня это важный показатель. Не просмотры, не «галочки о прохождении», а то, что люди доходят и оставляют отзывы.
Недавно наткнулась на один из последних отзывов:
Супер просто и понятно! Это бенчмарк для всех материалов!
Всегда приятно такое читать, что уж скрывать😉
Похоже, в этот раз всё получилось. Это тот случай, когда курс — не просто «обязательное обучение», а реально рабочий инструмент. Именно к этому я всегда стремлюсь в проектах.
P. S.: прикрепила тизер курса, его я делала ещё в прошлом году, но обновила часть про отзывы и количество обучившихся, плюс прикрепила пару скриншотов с комментариями пользователей. Отзывы — реальные, сотрудникам нет никакой выгоды писать комментарии (никаких бонусов они не получают), оставляют их, если хочется. Поэтому оценка довольно объективная
P.P.S.: анимация для тизера сделана в PowerPoint, если будет интересно, могу подробнее рассказать, как сделать похожий ролик
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1👏4🔥2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
#насмотренность
📌 Не так давно делилась ресурсом для визуализации данных вот здесь, а сегодня хочу оставить ссылку на сайт с примерами, как ещё можно представить цифры в отчётах.
➡️ https://100.datavizproject.com
Это проект, где из одного и того же набора данных сделали 100 разных графиков и диаграмм.
Здесь одна и та же информация подаётся десятками способов.
Как это применять в своих проектах:
✔️ когда делаете диаграмму → подумайте, что именно хочется подчеркнуть
✔️ не ограничивайтесь стандартной гистограммой из PowerPoint
✔️ ищите форму под идею, а не наоборот
Иногда достаточно чуть изменить подачу — и слайд сразу предаёт нужный смысл.
Очень рекомендую посмотреть все варианты, а после — напишите, какой из них захотелось реализовать.
P.S.: В комментариях скину варианты, которые мне понравились больше всего. Они кажутся интересными и наглядными.
Это проект, где из одного и того же набора данных сделали 100 разных графиков и диаграмм.
Здесь одна и та же информация подаётся десятками способов.
Как это применять в своих проектах:
Иногда достаточно чуть изменить подачу — и слайд сразу предаёт нужный смысл.
Очень рекомендую посмотреть все варианты, а после — напишите, какой из них захотелось реализовать.
P.S.: В комментариях скину варианты, которые мне понравились больше всего. Они кажутся интересными и наглядными.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤2
#насмотренность
Вот, ещё примеры схем для диаграмм и графиков с того же сайта. Если кликнуть по схеме, то откроется страница с примерами — можно посмотреть, как эта схема реализована в разных проектах.
https://datavizproject.com/
Вот, ещё примеры схем для диаграмм и графиков с того же сайта. Если кликнуть по схеме, то откроется страница с примерами — можно посмотреть, как эта схема реализована в разных проектах.
https://datavizproject.com/
Data Viz Project
Collection of data visualizations to get inspired and find the right type
👍4❤🔥2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
#ДоПосле #LLDesign #насмотренность
🎤 На курсе по основам педдизайна есть урок, связанный с оформлением учебных экранов. Даю на нём базовые правила композиции, работы с цветом, шрифтами, текстом и т.д. Привожу разные примеры "ДО / ПОСЛЕ", а также референсы экранов по разделам классического электронного курса (обложка, навигация, оглавление...). А в конце урока нужно выполнить практическое задание: оформить 3-5 слайдов (экранов) своего курса.
Напомню, обучаются на программе по педдизайну совсем новички (внутренние эксперты и будущие разработчики учебного контента), некоторые слабо владеют графическими редакторами и не обладают большой насмотренностью, поэтому я помимо текстовой обратной связи, даю направление, показываю, как ещё можно представить тот же самый контент, используя минимальные средства PowerPoint, без дополнительных ресурсов.
🔔 Делюсь одним из примеров (смотрите видео). Немного работы с цветом, шрифтами, вёрсткой, плашками, иконками — и слайды выглядят уже совсем по-другому.
▫️ ЧТО ИЗМЕНИЛОСЬ?
▪️ Цветовое решение: подобраны более контрастные цвета, палитра создана на базе картинки, которую выбрал разработчик для обложки
▪️ Шрифт: выбран более подходящий шрифт и размер, определена система начертаний для заголовков, подзаголовков и основного текста (Montserrat, не все его жалуют, но он лучше исходного)
▪️ Графика: удалены лишние графические элементы в виде прямоугольников и кривых, они не подходят под тему курса
▪️ Контраст текста: цвет основного текста везде стал темно-графитовым, а фон плашек перекрасили и сделали более светлым
▪️ Отступы внутри текстовых блоков: добавили воздуха, чтобы текст не "втискивался" в границы плашек, а его можно было легко читать
▪️ Выравнивание: объекты выравнены относительно уровня заголовка, текстовые блоки размещены на одинаковом расстоянии друг от друга
▪️ Иконки: добавили стандартные иконки для динамики на слайдах и усиления смысла
📍 Как вам переработанный вариант? Показать ещё примеры "До" и "После", интересно вам такое?
Напомню, обучаются на программе по педдизайну совсем новички (внутренние эксперты и будущие разработчики учебного контента), некоторые слабо владеют графическими редакторами и не обладают большой насмотренностью, поэтому я помимо текстовой обратной связи, даю направление, показываю, как ещё можно представить тот же самый контент, используя минимальные средства PowerPoint, без дополнительных ресурсов.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤1
Media is too big
VIEW IN TELEGRAM
Сделала распаковку и уже предвкушаю погружение. Если честно, я давно приверженец сеток. Потому что сетка — это не ограничение для дизайнера,
а наоборот: способ сделать слайды чище, понятнее и визуально спокойнее.
Хочу теперь глубже изучить подходы Йозефа Мюллера-Брокмана и попробовать ещё больше внедрять это в работу и курсы.
Кстати, я уже обращалась к персоне Мюллера-Брокманна в рубрике #дизайнерЛегенда (думаю, нужно реанимировать эту рубрику, как думаете?) и теме сеток...
P.S.: Буду рада вашим комментариям и реакциям, не скупитесь на лайки! Это меня мотивирует делать больше постов...😌
#распаковка@LenaLabDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍2
Это не просто выставка, а целое аудиовизуальное погружение: 13 тематических залов, сценография, музыка, редкие архивные материалы и атмосфера 80х — всё помогает восстановить жизненный путь легендарного музыканта. Смотрите видео, как это было.
Конечно, в первую очередь я обращала внимание на оформление. И вот, что меня зацепило:
Здесь легко провести параллель с оформлением презентаций или экранов. Новички часто пытаются добавить на слайд всего и побольше: больше текста, больше блоков, больше картинок. Но ведь сильнее работает обратное: оставить один акцент, один цвет, одну мысль. В хорошем дизайне, как и в хорошей музыке, важны не только ноты, но и паузы.
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥4❤1