Коротко о модульных сетках в дизайне 🍀

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

Вчера прочитала книгу Модульные системы в графическом дизайне. Пособие для графиков, типографов и оформителей выставок
Автор: Йозеф Мюллер-Брокманн, графический дизайнер и преподаватель, пионер швейцарского графического дизайна.

Делюсь инсайтами и конспектом 👌

Инсайты:
🌟Модульная сетка - это не рамки, а наоборот возможности для творчества. чем больше модулей, тем больше простор при сохранении гармонии композиции.
🌟 Модульная структура применяется не только для печати, страниц интернета, но и для оформления трехмерного пространства, например, выставки.
🌟 В природе, в искусстве много примеров структур, они не заметны, но они помогают воспринимать мир как красивый или нет.
🌟 Книга про модульные структуры - это книга не про сетки, это книга про пространство вокруг.

Конспект: http://bit.ly/2Rbi6zl

А еще:
Книга: https://www.ozon.ru/context/detail/id/145757007
Плакаты Йозефа Мюллер-Брокманна - для вдохновения: https://awdee.ru/15-josef-muller-brockmann-posters/

#LX_design #LX_advice

Тренируем насмотренность и вёрстку

Во-первых, зачем
Чтобы быстрее делать визуально привлекательные курсы и любые обучающие материалы.

Во-вторых, как
1) Годами практиковать
2) Смотреть примеры курсов
3) Использовать тренажёры

В статье блога iSpring про 20 полезных ресурсов для создания курсов есть подборка таких тренажёров.

🔥 Can’t Unsee
Поможет запомнить правила UX-дизайна. Есть две картинки, нужно выбрать лучшую. Сначала кажется просто, но потом начинаешь замечать мелкие различия в дизайне. Невозможно развидеть.
https://cantunsee.space/

🔥 Тренажёр Ильяхова
То же самое, только с текстами. Два варианта, оба не идеальные, но один немного лучше другого. Жалко, что нет обратной связи с правилами, но зато есть книжка и сайт.
http://maximilyahov.ru/trenazher/

🔥 Вкусомер от Студии Артемия Лебедева
Проверяет дизайнерский вкус. Вам предлагают примеры дизайна, нужно оценить: ок или не ок.
https://vkusomer.artlebedev.ru/

Всё, теперь вам есть, чем заняться в дороге и в очереди 👌😋


Кстати, посты про полезные ресурсы по тегу #LX_advice
А здесь всё про дизайн #LX_design

Ещё четыре способа тренировать насмотренность

Расскажу, как мы в команде тренируем визуальную насмотренность - классные слайды и решения по верстке и дизайну.

👀 Heroes_bank
У нас есть отдельный канал в slack, куда мы по темам складываем удачные слайды, примеры дизайнов, которые считаем визуально привлекательными. Это своеобразный банк идей, куда можно зайти за вдохновением. Можно организовать такую штуку даже в папках.

👀 Внутреннее тестирование
На каждый новый курс мы назначаем ответственного за просмотр и тестирование. Он проверяет навигацию, дает рекомендации по контенту, дизайну и UX. И заодно смотрит курс. Я распределяю проекты поровну, так что у каждого есть возможность посмотреть разные курсы других.

👀 Лучшие слайды
В процессе внутреннего тестирования мы делимся удачными слайдами со всей командой. У нас есть закрытый чат в телеграм, где мы обсуждаем проекты с штатными и проектными методистами и разработчиками.

👀 Обучение
Каждый понедельник мы проводим в команде встречу по развитию - Level Up. Один день - одна тема. Например, hero прошел курс от Bonnie&Slide и провел мастер-класс для остальных по визуализации.
Кстати, у них на сайте тоже можно посмотреть крутые примеры. https://bank.bonnieandslide.com/

🤔 Что еще пробовали, но пока не зашло
➖ делать подборки на Pinterest - лично я забываю туда заходить, в slack удобнее
➖ создавать шаблоны курсов и отдельных слайдов - пользуемся, но это никак не систематизировано, сложно искать.

🤓 Поделитесь, как вы тренируете визуальную насмотренность, я подготовлю новый пост с вашими рекомендациями. Напишите боту @LXnotes_bot чтобы не потерять 👌

#LX_design

Фиолетовые сайты

В поисках вдохновения набрела на тренды дизайна 2019 года от Shutterstock. Теперь понимаю, почему все сайты вокруг фиолетовые и неоновые с геометрией 😜

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

Ждем трендов 2020.
https://www.shutterstock.com/blog/trends/2019-creative-trends

#LX_design

— Как подобрать цвета для курса?
— Взять из иллюстрации

Ещё пара быстрых способов сделать шаблон для курса:
— растянуть фрагмент сайта или картинки
— взять цвета из корпоративного сайта

#LX_design

​​Схемы визуализации

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

https://www.visual-literacy.org/periodic_table/periodic_table.html

#LX_design

​​Для тех, кто создает инструкции

Галерея шаблонов Miro — это не только хороший ресурс для тренировки насмотренности на разные фреймворки для проведения встреч, обучения и работы над проектами.
Здесь можно подсмотреть, как оформлять инструкции к этим фреймворкам. Например, в шаблоне Stinky Fish от Hyper Island сразу понятно, откуда начать, что делать дальше и что скачать, чтобы пользоваться.

https://miro.com/miroverse/
#LX_design #заметки_педдизайнера

Только что заметила, что Google docs появился формат текста "контрольный список."
То есть можно делать чек-листы, списки дел и планы развития составлять))

#LX_design

Я — не дизайнер

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

При этом я постоянно сталкиваюсь с задачами, где нужен дизайн, а рисовать самостоятельно времени нет. Сначала мне помогал сервис с иконками и красивыми фотографиями, этого не всегда хватало. А потом я нашла Canva и все проблемы решились)) Обожаю этот сервис настолько, что если бы они меня позвали амбассадором бренда, я бы согласилась.

Вот для чего я использовала Canva:
- обложки для роликов и вся визуализация канала Youtube - вот тут можно посмотреть #LX_video
- обложки для подкаста #LX_talks
- визуализация для слайдов вебинара, ключевые красивые слайды
- логотип проекта IDEVA studio когда я думала уйти во фриланс и делать курсы на заказ
- дизайн для сайта evaraa.ru - давно стоит задача обновить, но руки пока не доходят

Скачивайте Canva по ссылке: canva.me/lxnotes и делитесь в комментариях, что вы там делаете.

#LX_design - тут все посты про визуализацию
#реклама от души

Визуальная насмотренность

Тренируем вместе, cмотрим хайлайты 2021 года на платформе Unsplash.

Обожаю этот ресурс, беру оттуда визуал для анонсов по понедельникам. Для тех, кто ищет свободные для использования изображения для курсов и еще не знает про Unsplash — рекомендую.

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

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

https://unsplash.com/blog/2021-in-review

#LX_design

Узнавать себя через других людей

Одна из задач проектирования образовательного опыта — создавать пространство для саморефлексии и взаимодействия с самим собой в процессе обучения. Это может происходить неосознанно (=неуправляемо), а может быть заранее заложено в учебные активности.

Вчера на встрече методических команд холдинга Skillbox одной из задач был нетворкинг. Ребята встречаются второй раз, в zoom, считай, не знакомы друг с другом. Я дала простое упражнение: в группах заполнить слайд о себе, ответить на несколько вопросов каждому и вместе найти что-то общее. В итоге есть презентация с короткими описаниями про каждого, можно после встречи посмотреть другие слайды, найти единомышленников, найти коллег, которые разрабатывают курсы по той же теме.

Просматривая слайды, я обратила внимание, что меня "цепляет" из описаний, что триггерит узнать больше про человека и его опыт.
Так работает рефлексия через других людей. Мы замечаем в других людей то, что вызывает у нас эмоцию. Любую - положительную или отрицательную, приятную или неприятную, согласие или несогласие. И в этот момент полезно остановиться и прислушаться к себе, назвать эту эмоцию и проанализировать, почему она дает энергию, что ее спровоцировало.

— О! Восхищение. Почему я восхищаюсь этим человеком?
— Этому завидую. Почему?
— Злость. Что в этом меня так злит?
— А почему здесь я радуюсь?

Вот что меня триггернуло, когда я читала презентации других (и почему, на мой взгляд):
- Я побывала в 41 стране - тоже хочу 41, пока только 14
- Была в 45+ российских городах - я не считала, но кажется много где была в России
- Прыгал с парашютом с 2000 м - тоже прыгала, в тандеме с 4000
- Погружался с аквалангом на затонувший корабль на 35 метров - боюсь плавать до ужаса
- Я делаю обучение Режиссуры кино, Дизайн звука, Видеомонтаж - люблю снимать и монтировать видео
- Создаю курсы по Data Science - интересно разобраться хотя бы поверхностно
- Люблю рисовать картины - тоже люблю, но рисую редко

Вывод такой.
Рефлексия через других в курсе может случиться, а может — нет. Если в какой-то части курса для вас важно организовать пространство для самопознания — проектируйте рефлексию через других. Это могут быть вопросы, задания или просто пауза для изучения и наблюдения.


#LX_design #LX_author
@lxnotes

Смотрите, как можно визуализировать оценку контента - от блеклого до яркого. Как бы намекая, какую звезду выбрать.

На картинке — пример из письма Авиасейлз

#LX_design

Как создавать обучение в Метавселенной

Будущее наступило! Теперь разработчикам обучения нужно не только уметь создавать электронные курсы, смешанное обучение, но и проектировать образовательный опыт в трехмерном пространстве Метавселенной.

Вчера я прошла короткий курс в LinkedIn Learn Designing Learning Experiences in the Metaverse, и по итогам получился небольшой конспект

Рекомендую курс вместо сериала на 1-2 вечера, и интересно, и полезно 🙂

#LX_design