#ДоПосле #LLDesign

▶️ Я уже писала, что сейчас веду учебную программу по основам педагогического дизайна для внутренних "разработчиков".

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

💙 Но один урок посвящен визуальному оформлению учебных материалов. В рамках практического задания нужно оформить 3-5 слайдов по своему учебному проекту (к этому этапу уже выбрана тема курса, определена целевая аудитория, результаты курса, создана структура курса и прототип одного модуля).

⤴️ На отдельной встрече мы разобрали работы участников. Обсудили, как сделать слайды проще, чище и понятнее: меньше лишнего, больше контраста, логики и аккуратного выравнивания...
Хочу поделиться кусочком видео с этого вебинара. Здесь я показываю, как переработала слайды одного из учебных курсов: что поменяла, как усилила визуал и какие ресурсы использовала в работе.

✔️Как вам идея с пунктирными линиями? Как считаете образы и метафоры нужны в учебных курсах или это лишнее?

#насмотренность

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

➡️https://100.datavizproject.com

Это проект, где из одного и того же набора данных сделали 100 разных графиков и диаграмм.
Здесь одна и та же информация подаётся десятками способов.

Как это применять в своих проектах:
✔️ когда делаете диаграмму → подумайте, что именно хочется подчеркнуть
✔️не ограничивайтесь стандартной гистограммой из PowerPoint
✔️ ищите форму под идею, а не наоборот

Иногда достаточно чуть изменить подачу — и слайд сразу предаёт нужный смысл.

Очень рекомендую посмотреть все варианты, а после — напишите, какой из них захотелось реализовать.

P.S.: В комментариях скину варианты, которые мне понравились больше всего. Они кажутся интересными и наглядными.

#ДоПосле #LLDesign #насмотренность

🎤На курсе по основам педдизайна есть урок, связанный с оформлением учебных экранов. Даю на нём базовые правила композиции, работы с цветом, шрифтами, текстом и т.д. Привожу разные примеры "ДО / ПОСЛЕ", а также референсы экранов по разделам классического электронного курса (обложка, навигация, оглавление...). А в конце урока нужно выполнить практическое задание: оформить 3-5 слайдов (экранов) своего курса.

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

🔔 Делюсь одним из примеров (смотрите видео). Немного работы с цветом, шрифтами, вёрсткой, плашками, иконками — и слайды выглядят уже совсем по-другому.

▫️ЧТО ИЗМЕНИЛОСЬ?

▪️Цветовое решение: подобраны более контрастные цвета, палитра создана на базе картинки, которую выбрал разработчик для обложки
▪️Шрифт: выбран более подходящий шрифт и размер, определена система начертаний для заголовков, подзаголовков и основного текста (Montserrat, не все его жалуют, но он лучше исходного)
▪️Графика: удалены лишние графические элементы в виде прямоугольников и кривых, они не подходят под тему курса
▪️Контраст текста: цвет основного текста везде стал темно-графитовым, а фон плашек перекрасили и сделали более светлым
▪️ Отступы внутри текстовых блоков: добавили воздуха, чтобы текст не "втискивался" в границы плашек, а его можно было легко читать
▪️Выравнивание: объекты выравнены относительно уровня заголовка, текстовые блоки размещены на одинаковом расстоянии друг от друга
▪️Иконки: добавили стандартные иконки для динамики на слайдах и усиления смысла

📍Как вам переработанный вариант? Показать ещё примеры "До" и "После", интересно вам такое?

➖Я наконец-то купила книгу Й.Мюллера-Брокмана — ту самую про модульные системы и сетки (Grid Systems in Graphic Design).

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

➖Когда есть сетка:
✅проще выстраивать композицию
✅легче управлять вниманием
✅и даже сложные (перегруженные) слайды выглядят аккуратнее

Хочу теперь глубже изучить подходы Йозефа Мюллера-Брокмана и попробовать ещё больше внедрять это в работу и курсы.

Кстати, я уже обращалась к персоне Мюллера-Брокманна в рубрике #дизайнерЛегенда (думаю, нужно реанимировать эту рубрику, как думаете?) и теме сеток...
🟠Вот здесь коротко рассказывала про автора книги
🟠А здесь — как сделать сетки в PowerPoint

🧡 Есть тут ещё фанаты сеток? Или больше работаете «на глаз»?

P.S.: Буду рада вашим комментариям и реакциям, не скупитесь на лайки! Это меня мотивирует делать больше постов...😌

#распаковка@LenaLabDesign

Сейчас работаю над одним учебным лонгридом
Для ускорения процесса использую нейросети — с их помощью создаю иллюстрации или инфографику. Но результат, конечно, не сразу идеальный: где-то хочется поправить текст, где-то — перестроить композицию или изменить отдельные элементы. Поэтому довольно часто я использую PowerPoint как редактор для доработки таких картинок. И вот буквально вчера столкнулась с проблемой, которая, думаю, знакома многим.

🔤ЧТО СЛУЧИЛОСЬ?🔤
После редактирования сохранила слайд в формате png и заметила, что картинка стала менее чёткой. Разрешение оказалось ниже, чем у исходного слайда. Вообще я и раньше это замечала, но каждый раз думала: «Ну, ладно, сойдёт».
А вчера решила разобраться, почему так происходит и можно ли это исправить.

🔤ПОИСК РЕШЕНИЯ🔤
По умолчанию программа сохраняет графику с низким разрешением (около 96 DPI). Но решение есть.
Если вы сохраняете слайды в PNG для документов, лонгридов, соцсетей или портфолио, вот что нужно сделать:

1 Закройте PowerPoint
2 Нажмите Win + R (либо потребуется кликнуть по кнопке Пуск ПКМ + выбрать Выполнить — эта комбинация зависит от компьтера), далее введите regedit и нажмите Enter
3 Перейдите по пути:
HKEY_CURRENT_USER\Software\Microsoft\Office\16.0\PowerPoint\Options

Если у вас другая версия Office, вместо 16.0 может быть другое число

4 В папке Options создайте новый параметр DWORD (32 бита) и назовите его: DPIExportBitmapResolution
5 Дважды кликните по созданному параметру, выберите «Десятичная» и задайте значение 300
6 Запустите PowerPoint и сохраните слайд через Файл → Сохранить как → PNG

🔔 Готово! Теперь PowerPoint будет экспортировать изображения в значительно более высоком качестве.

Если вы иногда сохраняете слайды в формате картинок, то метод — рабочий. Проверила лично! На первый взгляд, алгоритм может показаться сложным, но по факту действий здесь секунд на 30.

💬 Пользуйтесь и не благодарите или благодарите😀