# data[].attributes.body
Описание программы для создания интеллект-карт

# data[].attributes.body
Ментальные карты

# data[].attributes.attachment_link.readable_text
Долго думала, как начать этот пост... А давайте я вам расскажу мммм... про радиантное мышление?

Оказывается, по большей части мы мыслим не последовательно и линейно, а... радиантно. Как это? В центре наших раздумий находится некий объект, который рождает множество ассоциаций, и каждая такая ассоциация становится толчком для запуска нового ассоциативного процесса. И процесс этот бесконечен. Такие вот запутанные и ветвистые "чертоги разума" получаются.

Как же разобраться в этом "громадье" мыслей и ассоциаций? Здесь помогают интеллект-карты (карты разума, ментальные карты): они умеют представлять мысли с помощью простых графических схем. Очень удобно и для проведения мозговых штурмов, и для создания алгоритмов, и просто для упорядочивания информации.

Так давайте же быстренько что-нибудь такое упорядочим - с помощью англоязычного сервиса Bubbl.us. Слово "bubble" в переводе с английского означает "пузырёк, облачко с текстом высказываний или мыслей персонажей". Из таких волшебных "пузырьков" и будет состоять наша ментальная карта.

Вот два небольших примера. Первый - это реклама нашего краеведческого проекта "Мурманский меридиан" в 2016 году к 100-летию столицы Заполярья. Эту схему мы распечатывали и раздавали будущим участникам.

Вторая ментальная карта посвящена направлениям в русской литературе.

А теперь подробнее об увлекательном создании таких интеллект-карт.

Регистрация

Заходим на сайт сервиса. Он доброжелательно встречает нас вот такой стартовой страницей.

Можно сразу приступить к созданию ментальной карты без регистрации (кнопка "Start Now"). Но лучше всё же зарегистрироваться. Благодаря учётной записи можно сохранить все наработки и поделиться ими с другими (кнопка "Register with email"). Для ускорения процесса регистрируемся через Facebook и Google.

Выбираем бесплатный тарифный план и нажимаем кнопку "Signup" в поле "Free".

Это окно для регистрации через электронную почту: нужно указать имя, фамилию, адрес почты и пароль. Завершая процесс, нажимаем "Sign Up".

Начинаем творить

Сервис тут же предлагает приступить к созданию первой карты знаний. Нажимаем на знак "плюс" в зеленом кружочке.

Появляется первый, стартовый, "пузырь" - с надписью "Start here". При нажатии на него возникает всплывающее меню, которое помогает отредактировать блок. А точнее:

изменить цвет блока (Bubble color);

изменить размер текста (Text size);

добавить вложение (Attach file): к одному из блоков ментальной карты можно прикрепить изображение, загрузив его с ПК (но только одно, и только один раз, остальное - за деньги);

добавить гиперссылку;

удалить пузырь (Delete bubble);

добавить новый, самостоятельный блок (Add bubble);

добавить дочерний блок со связью (Add child).

Если нажать на кнопку "Layout" (вторая кнопка слева в верхнем ряду), то можно выбрать вид интеллект-карты (в зависимости от расположения "ветвей").

При добавлении самостоятельного блока в меню появляется новый инструмент: можно добавить к блоку стрелку (Arrow to).

Чтобы изменить размер "пузыря", нужно "растянуть" его за нижний правый угол до подходящего размера.

К каждому блоку интеллект-карты можно прикрепить небольшую текстовую заметку (note). При наведении курсора на блок эти тексты будут всплывать перед зрителем. Так можно сделать ментальную карту более интерактивной и информативной. Для добавлении заметки нажимаем на нижний левый край блока, выделяя его "уголок", щёлкаем по нему и в открывшееся окошко вписываем необходимый текст.

Для передвижения блоков можно зажать с помощью левой кнопки мыши любой "пузырь" и перенести его в нужное место.

Вот так, добавляя всё новые и новые блоки - "пузырьки" и заполняя их текстами и гиперссылками, мы и создаем интеллект-карту.

Панель инструментов

На верхней панели управления Bubbl.us размещены кнопки работы с интеллект-картой. Можно сбросить весь макет, изменить цвет фона, подогнать карту под размер экрана.

Рядом находится кнопка "Selection". Она помогает выбрать необходимые блоки, удалить их, скопировать, вставить.

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

Публикация и распространение

Чтобы поделиться готовой работой, нажимаем на кнопку "Share mind map" (Поделиться). Есть возможность поделиться картой в социальных сетях (Facebook, Twitter), получить ссылку (Get Link) или код для размещения карты на сайте и в блоге (Embed).

Чтобы сохранить карту на компьютер, нажимаем на кнопку "Share as" (Скачать). Ментальную карту можно сохранить как картинку (форматы PNG и JPG) или как текстовый файл.

Рабочий кабинет

Все созданные нами интеллект-карты хранятся в рабочем кабинете, в папке с названием "Mind Maps". Чтобы попасть в кабинет, нажимаем одноимённую кнопку в левой части панели управления.

В рабочем кабинете с картами можно производить всяческие манипуляции. Для этого стоит нажать на значок с тремя точками напротив любой интеллект-карты.

Вот что можно сделать с картой:

Rename - Переименовать.

Move to - Переместить (в новую папку, например).

Sharing - Поделиться.

Make copy - Сделать копию.

Delete mind map - Удалить.

# data[].attributes.attachment_link.authors[].name
Полярная Сова

# data[].attributes.attachment_link.title
Радиантное мышление, волшебные пузырьки и сервис Bubbl.us

# data[].attributes.attachment_link.description
Долго думала, как начать этот пост... А давайте я вам расскажу мммм... про радиантное мышление? Оказывается, по большей части мы мыслим не последовательно и линейно, а... радиантно. Как это? В центре наших раздумий находится некий объект, который рождает множество ассоциаций, и каждая такая ассоциация становится толчком для запуска нового ассоциативного процесса.

# data[].attributes.body
Создание ментальных карт, пошаговая инструкция

# data[].attributes.attachment_link.provider_name
Мастерская Марины Курвитс

# data[].attributes.attachment_link.readable_text
Публикация о инструменте, который я активно использую сейчас и часто использовала со своими учащимися. Поговорим о веб-сервисе Popplet.

Что за инструмент Popplet и каков его функционал?

Popplet - простой в использовании и мощный по функционалу сервис, позволяющий создавать ментальные карты.
С его помощью возможно:

добавлять элементы с текстом, картинками;

добавлять видео с YouTube и Vimeo;

менять цвета каждого элемента и фон карты в целом;

совместно редактировать карту;

сохранять карту в виде картинки или pdf файла;

публиковать ментальную карту;

демонстрировать карту в режиме презентации;

осуществлять запись во время экрана демонстрации готовой ментальной карты;

распечатать карту;

создать ментальную карту на iPad;

рабоать над одной картой совместно.

Самый последний пукнт мне хочется выделить отдельно: учащиеся могут создавать совместно одну ментальную карту. Это невероятно удобно!

Пошаговая инструкция по использованию Popplet

Все достаточно просто.

Пройдите по этой ссылке http://popplet.com/

Создайте аккаунт

Если у вас тоже такое выскачило, то просто нажмите на место указынное стрелочкой.

Нажмите New Popplet для создания новой карты

Щелкните дважды, чтобы добавить новое облачко

Сохранение происходит автоматически

Как использовать в учебной работе?

При помощи Popplet учащиеся могут:

систематизировать идеи;

создать графический конспект;

упорядочить изученную информацию;

создать ленту времени;

рассказывать истории;

выстраивать алгоритм;

презентовать свою работу.

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

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

Интересных уроков и помните, что магия не в инструменте, а в Вашем мастерстве!

# data[].attributes.attachment_link.title
Пошаговая инструкция для создания ментальных карт в Popplet

# data[].attributes.attachment_link.description
Публикация о инструменте, который я активно использую сейчас и часто использовала со своими учащимися. Поговорим о веб-сервисе Popplet. Popplet - простой в использовании и мощный по функционалу сервис, позволяющий создавать ментальные карты.

# data[].attributes.body
Инструкция

# data[].attributes.attachment_link.readable_text
Сервис Prezi предлагает пользователям:

Открытое полотно, которое позволяет организовать и просмотреть презентацию в целом.

"Умные структуры", которые позволяют легко упорядочивать контент простым перетаскиванием, не нарушая макет.

Функцию "увеличения", чтобы сфокусироваться и раскрыть важные детали по мере развития истории.

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

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

Открывайте сервис Prezi. Работать в сервисе можно бесплатно. Нажмите "Get started" (Начать). Выберите тариф:

Basic (основной) - бесплатно или 15 долларов в месяц

Individual (физическое лицо) - от 5 до 59 долларов в месяц

Students and Educators (студенты и преподаватели) - бесплатно или 3 доллара в месяц

Business (бизнес) - от 15 до 59 долларов в месяц.

На некоторых платных тарифах сервис позволяет импортировать слайды из PowerPoint, получить доступ к высококачественным изображениям и значкам, экспортировать PDF.

Выбрали тариф - зарегистрируйтесь на сервисе через электронную почту, свой аккаунт в Фейсбуке или Google (недоступно на некоторых платных тарифах).

Откроется личный кабинет. Укажите, кто вы: студент, преподаватель, бизнесмен, другое (в появившейся строке укажите свою роль). Нажмите "Next" (Следующий).

Нажмите "Create a presentation". Вы попадете в личный кабинет, в левом верхнем углу кликните "Create new", затем "Presentation".

В новой вкладке откроется библиотека с шаблонами презентаций. Можно создавать с нуля или воспользоваться шаблонами. В колонке слева презентации распределены по темам.

Шаблоны можно предварительно посмотреть - нажмите на выбранный, появится всплывающее окно. Если шаблон понравился, нажмите "Use this template" (Использовать этот шаблон).

Впишите название презентации и укажите, кто ее сможет увидеть: те, с кем вы поделитесь презентацией (на платном тарифе), или кто угодно в интернете (бесплатно). Нажмите "Continue" (Продолжать).

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

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

В колонке слева расположены "главные" слайды. Кликнув по одному мышкой дважды, появится ветка, которая относится к выбранному слайду.

Сохраните презентацию.

Чтобы посмотреть, как она будет выглядеть, в правом верхнем углу нажмите "Present", затем "Preview".

Чтобы поделиться презентацией, нажмите "Share":

View Link - получить ссылку на презентацию.

"Prezi Video" - позволяет снять видеовыступление на фоне собственной презентации.

"Collaborate" - подключить к презентации команду.

Посмотрите, как выглядит презентация, созданная в сервисе Prezi (клик).

# data[].attributes.attachment_link.title
Как создать презентацию. Prezi

# data[].attributes.attachment_link.description
Сервис Prezi предлагает пользователям: Открытое полотно, которое позволяет организовать и просмотреть презентацию в целом. "Умные структуры", которые позволяют легко упорядочивать контент простым перетаскиванием, не нарушая макет. Функцию "увеличения", чтобы сфокусироваться и раскрыть важные детали по мере развития истории. Свободное перемещение по презентации - выступающий, расставив на главном слайде акценты, сам решает, в каком порядке эти акценты показывать.

# data[].attributes.body
Инструкция

# data[].attributes.attachment_link.provider_name
Мастерская Марины Курвитс

# data[].attributes.attachment_link.authors[].name
Наталия Романова

# data[].attributes.attachment_link.title
Интерактивные презентации в Mentimeter

# data[].attributes.attachment_link.description
Создайте интерактивную презентацию в веб-сервисе Mentimeter и общайтесь с аудиторией во время выступления, лекции или урока.

# data[].attributes.body
Инструкция

# data[].attributes.attachment_link.authors[].name
Полярная Сова

# data[].attributes.attachment_link.title
Интерактивный плакат или виртуальная выставка? Genially может всё! И даже больше

# data[].attributes.attachment_link.description
Лето в разгаре, а значит, самое время отдохнуть смастерить что-нибудь интересненькое. Давайте освоим замечательный сервис Genially , а з...

# data[].attributes.body
Видеоурок

# data[].attributes.attachment_link.title
Анжеро Судженский ГО Рязанцева Т В

# data[].attributes.body
Инструкция

# data[].attributes.attachment_link.readable_text
Хотите создавать красочные worksheets, инфографики, картинки, постеры, открытки, флаеры, презентации и сертификаты, но боитесь, что не хватает навыка работы в Photoshop и других сервисах? Онлайн-редактор Canva - именно то, что нужно!

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

Почитайте также Приложение Notion для учителей: как выжать максимум пользы?

Немного основ

Шаг 1 - Регистрация

На сайте Canva.

Шаг 2 - Переключение языка на английский

Если canva на русском, а вы хотите пользоваться англоязычными настройками.

Шаг 3 - Выбор шаблона

И его дальнейшего редактирование или создание собственного дизайна с нуля. С помощью Canva вы можете создавать:

Шаблоны Canva - это огромное разнообразие возможностей и идей. Здесь есть все! Вы можете менять элементы, добавлять свой текст, изменять цвета, использовать встроенные изображения или загружать свои. Радует разнообразие шрифтов и широкий выбор готовых фотографий, векторных изображений, иллюстраций, значков, рамок и фигур из бесплатной коллекции. Также имеются встроенные фильтры.

Возможности редактирования фотографий

редактор позволяет менять прозрачность изображений, таким образом, вы можете размещать одно изображение над другим;

экспериментируйте со встроенными фильтрами;

вы можете изменить яркость и контраст загруженной фотографии, а также добавить эффект размытия.

Горячие клавиши в Canva

быстро открыть меню шрифтов - сочетанием Ctrl+Shift+А

убрать границы текстового блока - сочетанием клавиш Ctrl+Alt+B

изменить все буквы на прописные (включить верхний регистр) в заголовке - сочетанием Ctrl+Shift+Z

сделать весь текст в верхнем или нижнем регистре - сочетанием Ctrl+Shift+K

сделать весь текст курсивом или полужирным - сочетанием Ctrl+I или Ctrl+B

выровнять текст по центру - сочетанием Ctrl+Shift+C

выбрать все элементы дизайна - сочетанием Ctrl+A

выбрать несколько нужных элементов - удерживая Shift, выбираем нужные объекты мышкой.

Шаг 4 - Скачивание готового материала

Доступны разные форматы: jpg, png, pdf, gif, pptx, mp4. Вы также можете поделиться материалом, отправив ссылку для редактирования или просмотра.

Онлайн-редактор Canva для уроков английского

Создание анимированных презентаций

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

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

Инструкцию по созданию gif читайте здесь.

Используйте шаблоны из категории "Обучение" или по ключевым словам "школа" или "образование": планы уроков, листы с упражнениями, сертификаты, расписание занятий, закладки для книг, школьные объявления, открытки, чек-листы, плакаты, обложки для читательского дневника, меню.

Раньше я долго составляла дизайн сертификатов в PowerPoint, сейчас же все то же самое можно легко сделать "в нескольких кликов". В категории "Education" вы найдете море готовых сертификатов по категориям, например, Achievement, Attendance, Participation, и другое. Замените фамилию и имя, и вуаля - все готово.

Также легко можно отредактировать и другие шаблоны, изменяя элементы, которые необходимы вам.

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

Если вы хотите изменить картинку, нажмите слева на photos, выберите картинку и перенесите точно на изображение, которое хотите изменить.

Можно добавлять не просто текст и картинки, но и фразы в виде облачка, как в комиксах.

Не нравится цветовое оформление шаблона? Вы легко можете его поменять в разделе Style.

Создание в Canva открыток и закладок

Совсем скоро будет Хэллоуин! Порадуйте студентов персональными, тематическими открытками, или попросите их отредактировать шаблоны, добавить символы, подходящие к празднику, или фразы, и потом отправить друг другу.

Вы найдете готовые шаблоны под любой праздник:

Студенты не любят открытки? Тогда воспользуйтесь шаблонами для создания закладок для книг:

В блоге Canva вы найдете множество интересных идей по дизайну, например, 18 советов, чтобы делать классные презентации на телефоне, 22 совета с примерами, как сделать план-конспект урока.

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

# data[].attributes.attachment_link.authors[].name
Надежда Попова

# data[].attributes.attachment_link.authors[].name
Анастасия Пирогова

# data[].attributes.attachment_link.authors[].name
Татьяна Тюменцева

# data[].attributes.attachment_link.title
Прелести и интересные фишки сервиса Canva

# data[].attributes.attachment_link.description
Хотите создавать красочные worksheets, инфографики, картинки, постеры, открытки, флаеры, презентации и сертификаты, но боитесь, что не хватает навыка работы в Photoshop и других сервисах? Онлайн-редактор Canva - именно то, что нужно! Сегодня мы расскажем, что преподаватель английского может творить для своих уроков с помощью этого сервиса и как пользоваться Canva.

# data[].attributes.body
Инструкция

# data[].attributes.attachment_link.readable_text
Как сделать инфографику в Pictochart

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

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

После регистрации в сервисе вы попадаете в библиотеку ваших работ. Чтобы создать новый дизайн, нажмите кнопку "Create New" ("Создать новую") - она находится вверху справа.

В библиотеке хранятся проекты, которые вы создали

Сервис предложит выбрать тип графики.

Выбор типа проекта зависит от того, что вы хотите получить в итоге

Инфографика - графический лонгрид для веба, подразумевает долгий скролл.
Презентация - набор слайдов с соотношением сторон 4:3.
Печатная продукция - баннеры, флаеры, отчеты - всё, что будет распечатано на А4.

Для каждого типа графики в сервисе есть бесплатный набор шаблонов, а также возможность создать проект с чистого листа. Бесплатных шаблонов не очень много, но сервис их периодически меняет.

Совет: если видите удачный бесплатный шаблон, сделайте в нём "рыбу". В этом случае он сохранится в вашей библиотеке, даже если Пикточарт уберет его из бесплатного доступа.

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

Бесплатно доступно семь шаблонов инфографики, платно - более 700

Перед тем, как начать работать, вы можете посмотреть шаблон в большом размере - наведите курсор мыши на понравившийся проект и нажмите "Preview" ("Предпросмотр").

Если шаблон не понравился, можно закрыть предпросмотр и выбрать другой

Выберите подходящий под ваши задачи шаблон, наведите на него курсор и нажмите "Use Template" ("Использовать шаблон").

Интерфейс сервиса на английском языке, но разобраться несложно

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

Все элементы проекта можно трансформировать

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

Чтобы узнать функцию инструмента, наведите на него курсор

Панель работы с текстом похожа на аналогичную панель в MS World. В Пикточарте можно изменять размер и начертание шрифтов, прозрачность, ориентацию, интерлиньяж, вставлять гиперссылки.

Сервис поддерживает "горячие клавиши": стандартные Ctrl+C и Ctrl+V (Command-C и Command-V для Мак) для копирования и вставки, а чтобы сохранить пропорции объекта при изменении размера, зажмите кнопку Shift. Удалять объект можно кнопкой Backspace, а отменять последнее действие сочетанием Ctrl+Z (Command-Z для Мак).

В меню слева находятся элементы, которые помогут вам создать необходимое изображение.

Чтобы добавить элементы на рабочее поле, перетащите его или дважды щелкните левой клавишей мыши

Графика: фигуры и иконки, гиф-иконки (для платных аккаунтов), линии, фотографии и фоторамки. Можно воспользоваться поиском, но помните, что сервис воспринимает только английский язык.

Загрузки. Пользовательские элементы: иконки, фото и другие графические объекты. Бесплатный аккаунт позволяет загрузить до 40 Мб изображений, платный - расширит хранилище до 100 Мб. Не забывайте периодически удалять лишнее из библиотеки на сервисе.

Фон. Доступны фактуры и однотонные подложки. Прозрачность фона можно отрегулировать.

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

С помощью текстовых шаблонов можно создать логотип

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

Инструменты: графики, карты, видео. Элементы будут интерактивными, если поделиться проектом в интернете.

Как вставить в проект инфографику

Добавить инфографику в свой проект несложно. Выберите в меню слева пункт "Tools" ("Инструменты") и далее "Charts" ("Графики").

Пикточарт предлагает 14 вариантов визуализации

Можно загрузить таблицу с жесткого диска или внести данные вручную.

Сервис воспринимает файлы с расширением CSV и XLSX

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

В графиках кириллический текст отображается мелко. Легенду можно создать отдельным текстовым элементом

Чтобы элемент появился на рабочем поле, нажмите на кнопку "Inset Chart" ("Вставить график") - она находится в правом верхнем углу.

В графиках кириллический текст отображается мелко. Легенду можно создать отдельным текстовым элементом

Как вставить в проект карту

Еще один доступный инструмент - интерактивные карты. Но карта России доступна только полностью, разбивки по отдельным регионам нет.

Выберите понравившуюся, нажмите в правом нижнем углу кнопку "Edit This Map" ("Редактировать эту карту"), чтобы изменить данные и настроить отображение.

Карту России в списке проще всего найти с помощью поиска

Вы можете визуализировать пользовательские геоданные. Нажмите на "плюс" в табличном редакторе и введите информацию вручную или загрузите с компьютера.

Когда вы закончили оформлять карту, нажмите в верхнем правом углу кнопку "Insert Map" ("Вставить карту"), и она появится в проекте.

Последний интерактивный элемент - видео. Вставить видеоролик просто - нужно вставить ссылку на ролик из Ютуба или Вимео и нажать "Insert" ("Вставить").

В Пикточарт нельзя вставить видео с Рутуба

Кнопка "Play" появится на видеофрагменте после того, как вы поделитесь проектом в интернете.

Как опубликовать проект и поделиться им в Сети

Когда вы закончили работать над проектом, дайте ему название и сохраните. Эти поля расположены в верхнем левом углу.

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

Графика сохраняется картинкой или в виде архива формата ZIP

Интерактивные элементы станут кликабельными после того, как вы опубликуете проект в интернете. Когда вы делитесь проектом в сети, установите степень приватности: проект может быть виден только вам или доступен всем, у кого есть ссылка. Если вы хотите отправить ссылку на графику коллегам или друзьям, выбирайте открытый доступ.

Приватность проекта можно изменить в любое время

Пикточарт - понятный и функциональный инструмент, который поможет визуализировать данные, сделать плакат, презентацию, буклет и даже оформить резюме. О том, как сделать резюме на базе шаблона, рассказываем в нашем скринкасте:

Инструкция актуальна на июль 2018 года.

С помощью этой технологии были реализованы следующие проекты

Над материалом работала
Людмила Белая

Иллюстрации:
скриншоты сервиса Пикточарт

# data[].attributes.attachment_link.title
Как сделать инфографику в Pictochart * sdelano.media

# data[].attributes.attachment_link.description
Как сделать инфографику в Pictochart Быстро визуализировать данные, не прибегая к услугам дизайнера, можно с помощью простого онлайн-инструмента Пикточарт. Он поможет создать иллюстрации, плакаты, материалы для печати, сверстать эффектную презентацию и даже резюме. У современного автора внушительный выбор подобных сервисов.

# data[].attributes.body
Инструкция

# data[].attributes.attachment_link.readable_text
Хорошая штука - инфографика! Можно просто и наглядно представить самые сложные предметы и явления и даже самую скучную информацию подать ярко и необычно.

К услугам начинающих создателей инфографики - более 10 различных онлайн-сервисов. Один из самых простых - Easel.ly. Всего минут за 20 у меня получилась вот такая симпатичная краеведческая инфографика (можно рассмотреть её и в полном размере).

Хотите попробовать?

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

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

Инфографикой можно поделиться в социальных сетях (Facebook, Twitter) или сохранить на свой ПК (в невысоком разрешении). Зато с помощью html-кода её можно вставить на любую страницу блога или сайта.

Регистрация

Заходим на сайт http://www.easel.ly/ и проходим регистрацию, нажимая "Create Your Free Account". В дальнейшем для входа на сайт используем кнопку "Login".

Для регистрации указываем адрес электронной почты (Email), придумываем пароль (Password) и подтверждаем его (Confirm Password). Далее нажимаем "Sign Up". Также можно войти в сервис, используя созданные аккаунты Facebook или Google +.

В разделе "Objects" можно выбрать "героев" будущей инфографики. Все изображения рассортированы по категориям: "Люди" (people), "Животные" (animal), "Еда" (food), "Баннеры" (banners), "Карты" (maps), "Музыка" (misc), "Природа" (nature) и т.д. Есть поиск (на английском языке). С помощью кнопки"Media"в инфографику можно встроить видео с YouTube (одноимённая вкладка справа) или добавить изображение с ПК (Upload Files).

Кнопка "Backgrounds" позволяет менять фоновое изображение (в сервисе представлено около 10 различных "подложек").

"Lines" поможет добавить стрелки и линии. "Text" отвечает за добавление текстовых надписей (заголовок, подзаголовок и обычный тексты, разные виды списков).

Кнопка "Pictogram"нужна для добавления небольших иконок-пиктограмм, чтобы наглядно изобразить какие-либо проценты и другие цифровые показатели, например, "один из пяти", "пять из десяти", "двадцать из 100" и т.д. Есть одиночные и множественные пиктограммы.

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

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

Как только мы закончили работу и сохранили инфографику (зеленая кнопка "Save" вверху), она появляется в нашем аккаунте. В личном кабинете всегда можно вернуться к уже созданной инфографике, чтобы снова её отредактировать. Пройти в свой аккаунт можно, нажав на логотип сервиса в виде буквы "E" слева вверху.

Чтобы скачать работу, в режиме редактирования выбираем из меню "Download" - "Low Quality". Остальные опции - платные.

Чтобы поделиться инфографикой или опубликовать её в Интернете, выбираем вкладку "Share".

В открывшемся списке выбираем всё самое необходимое. Shareable Link - ссылка на инфографику, Embed Code - код для встраивания её на страницу сайта или блога. Можно поделиться готовой работой по электронной почте (Share by Email) или в социальных сетях (Facebook, Twitter), а также открыть её в новой вкладке (View in Browser).

А ещё можно приглашать друзей для создания общей инфографики. Для этого выбираем "Invite a friend to edit", в открывшееся окошко вписываем адрес электронной почты и нажимаем "Send". Будущие соавторы, чтобы приступить к работе, должны будут зарегистрироваться в сервисе.

Творческого вам вдохновения! А тему инфографики я продолжу в ближайшем будущем. Не пропустите. :)

# data[].attributes.attachment_link.authors[].name
Полярная Сова

# data[].attributes.attachment_link.title
Инфографика с Easel.ly. Просто о сложном

# data[].attributes.attachment_link.description
Хорошая штука - инфографика! Можно просто и наглядно представить самые сложные предметы и явления и даже самую скучную информацию подать ярко и необычно. К услугам начинающих создателей инфографики - более 10 различных онлайн-сервисов. Один из самых простых - Easel.ly. Всего минут за 20 у меня получилась вот такая симпатичная краеведческая инфографика (можно рассмотреть её и в полном размере).

# data[].attributes.headline
Как выбрать цвета для инфографики

# data[].attributes.subject
Как выбрать цвета для инфографики

# data[].attributes.attachment_link.readable_text
Очень трудно выбрать хорошие цвета для инфографики. Постараемся разобраться с этой проблемой.

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

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

Визуализация категорий в FiveThirtyEight, у Надии Бремер, в Pudding, New York Times, The Economist и Akkurat

1. Расширьте своё понимание цветов

2. Не танцуйте по всему цветовому кругу

3. Используйте насыщенность и яркость, чтобы работали тона

4. Используйте тёплые цвета и синий

5. При использовании зелёного сделайте его жёлтым или синим

6. Избегайте чистых цветов

7. Избегайте ярких, насыщенных цветов

8. Сочетайте цвета с разной яркостью

9. Сделайте цвета одинаково "красочными"

10. Избегайте слишком слабого контраста с фоном

11. Избегайте слишком сильного контраста с фоном

12. Выбирайте достаточно ненасыщенный фон

13. Просто копируйте цвета или попробуйте их понять

Я буду много говорить о насыщенности, яркости и тонах. Это цветовые пространства HSB (тон, насыщенность, яркость) или HSV (тон, насыщенность, значение):

Тон (hue) находится в диапазоне от 0° до 360°, это ваш типичный цветовой круг: ⬤ ⬤ ⬤

Насыщенность (saturation) изменяется от 0% (серый) до 100% (супер-пупер красочный!!): ⬤ ⬤ ⬤

Яркость/значение (brightness/value) изменяется от 0% (чёрный) до 100% (фактический цвет): ⬤ ⬤ ⬤

Чтобы преобразовать цвета из HEX (например, #cc0000) или RGB (например, rgb(207, 176, 58)) в HSB/HSV, используйте такой инструмент, как colorizer.org.
Родственником HSB/HSV является цветовое пространство HCL. Там те же параметры (тон, цветность = насыщенность, яркость), но ближе к тому, "как мы действительно видим цвета". Наш сервис Datawrapper использует цветовое пространство HCL в инструменте выбора цвета:

Поскольку в Adobe Photoshop или colorizer.org нет HCL, при каждом упоминании градусов (например, 0°) или процентов здесь имеется в виду цветовое пространство HSB/HSV.

Хорошо, давайте начнём.

Вы можете подумать: "Для диаграммы мне нужно пять цветов. Поэтому я использую зелёный, жёлтый, синий и красный. И... хм... может, оранжевый? Или фиолетовый!"

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

Кошки или собаки? Автор: Надия Бремер

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

Поэтому, прежде чем ввести правила, позвольте немного вас напугать: можно использовать буквально тысячи цветов. Есть жёлтоватый красный ⬤, синеватый красный ⬤ и всё, что между ними. Есть серый ⬤, но есть также холодный серый ⬤ и тёплый серый ⬤. А еще есть синий цвет. Так много синего! Как этот ⬤, этот ⬤, этот ⬤, этот ⬤ и этот ⬤. И мы ещё не говорили об оранжевом и жёлтом.

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

Не нужно брать цвета со всего цветового круга, такие как ⬤ ⬤ ⬤ ⬤ ⬤ ⬤. Диаграмма будет выглядеть более профессионально - и, следовательно, более достоверной - когда использует только несколько цветов и соседних тонов.

В этот момент есть смысл посмотреть на цветовой круг. Для этого подходит Adobe Color или Color Calculator.

Color Calculator для выбора гармоничных сочетаний

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

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

Если расстояние достаточно маленькое, вы в основном используете взаимодополнительные или дополнительные (complementary) цвета. И это отличный выбор! Множество дополнительных цветовых пар прекрасно работают вместе. Если сомневаетесь, всегда используйте дополнительные цвета и их соседей.

Итак, давайте сделаем это - на этот раз с помощью Adobe Color:

Наши дополнительные цвета в Adobe Color

Наши цвета противоположны на цветовом круге, поэтому явно дополняют друг друга. Ура! Но они также непригодны: два оранжевых слишком похожи. И все выглядит так... ярко.

Вот где нужно изменить насыщенность и яркость.

Насыщенность и яркость так же важны, как и тон. На самом деле, вы можете создавать новые цвета просто изменяя насыщенность и яркость. Вот две пары цветов с одинаковым тоном, только разной насыщенностью и яркостью: ⬤ ⬤/⬤ ⬤ (если немного изменить тон, то результаты будут ещё лучше: ⬤ ⬤/⬤ ⬤).

Вернёмся к нашей цветовой комбинации: ⬤ ⬤ ⬤ ⬤. После игры с насыщенностью и яркостью она становится такой:

Более подходящие дополнительные цвета в Adobe Color

Я обесцветила светло-голубой ⬤ и светло-оранжевый ⬤ и сделала все цвета темнее, кроме светло-оранжевого. Чёрт возьми, с этим уже можно работать!

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

Дизайнеры инфографики особенно любят ещё одно сочетание: жёлтый/оранжевый/красный и синий. Пролистайте, например, портфолио South China Morning Post или вот это от The Economist (PDF): они используют эти цвета гораздо чаще, чем какой-нибудь фиолетовый или зелёный.

Три страницы South China Morning Post

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

И они доступны: дальтоники легко отличают синий и оранжевый/красный.

Поэтому, если сомневаетесь, то используйте оранжевый/красный с синим.

Яркая зелень занимает шестую часть на цветовом круге, примерно с 90° ⬤ до 150° ⬤, с пиком на 120° ⬤. Однако вы не найдёте хорошей инфографики с такими цветами. Почему?

Во-первых, зелёный сам по себе просто очень тёмный. А осветление зелени переходит в неуклюжий неон ⬤. Чтобы получить хороший тон, нужно сильно осветлить и обесцветить зелёный цвет - больше, чем другие цвета. Это именно то, что Washington Post делает со своим зелёным ⬤ здесь:

"Как Трамп откатывает наследие Обамы", The Washington Post

Это 142° зелёный, но насыщенной только на 14%. Тот же тон с той же яркостью на 100% насыщенности: ⬤. Вот как.

И помните о дальтониках: чистый зелёный в сочетании с красным, оранжевым или коричневым им трудно различить.

Поэтому, когда вы используете зелёный, сделайте его немного жёлтым или немного синим. Вы можете увидеть это в примерах в начале статьи: у всех зелёных, кроме ⬤, тон больше 160° (то есть они голубее) ⬤ ⬤ ⬤ или меньше 60° (то есть более жёлтые) ⬤ ⬤. В этом проекте, который мы уже видели, Надия использует как жёлто-зеленый, так и сине-зелёный:

Кошки или собаки? Автор: Надия Бремер

Похоже, вы можете использовать их в инфографике как два разных цвета: беспроигрышный вариант!

"Чистые" тона расположены в цветовом круге точно на 60°, 120°, 180°, 240°, 300° или 360°/0°:

Вот пример: в HSV/HSB значение тона этого ярко-синего ⬤ составляет 180°, значение насыщенности - 67%, а значение яркости - 91%. Вы также можете посмотреть значения RGB вашего цвета: если хотя бы два значения совпадают, то цвет "чистый". Например, наш ⬤ - это rgb(77, 232, 232).

Чтобы сделать цвета более естественными и приятными для глаз, можно либо изменить насыщенность чистых цветов, либо сделать их темнее. Если хотите яркие, насыщенные цвета, то выбирайте смешанные цвета, которые находятся по крайней мере на 5-10° от чистых.

На изображении выше у красного и оранжевого, синего и зелёного одинаковая насыщенность и светлость. Единственное различие - тон: красный ⬤ (0°), синий ⬤ (240°) и зелёный ⬤ (120°) выглядят более сочными, чем оранжевый ⬤ (40°), средний синий ⬤ (211°) и синеватый зелёный ⬤ (170°).

Яркие цвета обязательно привлекут внимание читателей. Но эти читатели не скажут вам спасибо. Большинство немного напрягаются, когда видят такие цвета: "очень насыщенные, яркие цвета НЕ будут уместны для серьёзного, доверительного или спокойного [общения]", объясняют Бартрам, Патра и Стоун в своей статье "Аффективный цвет в инфографике" от 2017 года ( PDF).

Если цвета приближаются к 100% насыщенности и 100% яркости, скорее всего, они слишком яркие. Это определённо относится к чистым цветам, таким как ⬤ ⬤ ⬤ ⬤.

"Но раньше я видел такие сумасшедшие цвета, и они выглядят хорошо", - скажете вы и назовёте проекты вроде этих:

Если сравнить цвета из этих примеров с ⬤ ⬤ ⬤ ⬤, то они менее насыщенные или более тёмные. На 100% насыщенный и 100% ярко-зелёный цвет ⬤ становится в New York Times менее насыщенным ⬤, а также менее насыщенным и тёмным ⬤ в статье Bloomberg и в статье Pudding ⬤.

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

Всё это работает, потому что в Pudding, The New York Times и Bloomberg отличные дизайнеры. Если сомневаетесь, избегайте 100% насыщенности в сочетании со 100% яркостью.

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

Например, ⬤ ⬤ ⬤ на крайней левой диаграмме выглядят как ⬤ ⬤ ⬤ в оттенках серого.

Чтобы избежать такой неприятной гаммы, есть два варианта:

"Исправить в оттенках серого": изменить яркость каждой области, сделав некоторые цвета ярче, а некоторые темнее, например: ⬤ ⬤ ⬤. Так они выглядят в оттенках серого: ⬤ ⬤ ⬤

Разделить области, например, белой границей

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

Цветовые схемы Viridis

Все эти градиенты плавно переходят от светлого к тёмному, поэтому у цветов различная яркость: ⬤ ⬤ ⬤ ⬤ ⬤ или ⬤ ⬤ ⬤ ⬤ ⬤. Если вам нравится такой подход, попробуйте этот генератор цветовой палитры.

В своей инфографике вы часто хотите выделить цвета. Есть разные способы достичь этого. Цвета выделяются по следующим характеристикам:

Но обычно вы просто хотите выделить один или два цвета. Большинство остальных должны быть более или менее одинаково заметными.

Если вы используете цвета с различной яркостью (разные в оттенках серого), вам нужно их сбалансировать. Попробуйте обесцвечивать яркие цвета. Добавьте больше насыщенности в тёмные.

Или выберите менее чистый оттенок: на изображении выше зелёный ⬤ и синий ⬤ очень чистые, поэтому я их затемнила (вот как они выглядят со 100% яркостью: ⬤ ⬤).

Затем я хотела добавить красный... но яркий красный слишком интенсивный как чистый оттенок (с 0°) ⬤ ⬤ ⬤. Так что у меня было два варианта:

переместить оттенок (и только оттенок) на 30°, чтобы сделать его более оранжевым ⬤ ⬤ ⬤.

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

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

Вот что нужно делать, когда цвета слишком ненасыщенные и светлые ⬤ ⬤ ⬤:

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

Верно и обратное: не делайте цвета слишком тёмными и насыщенными на ярком фоне. Если сомневаетесь, попробуйте осветлить цвета, убрать немного насыщенности - и посмотрите, что получается.

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

Если нужен светлый фон, держитесь подальше от цветов с яркостью менее 95% и насыщенностью более 7%.

Если нужен тёмный фон, сохраняйте насыщенность меньше 20%. Кроме того, не уходите в полностью чёрный - держите яркость между 10% и 25%.

Трудно почувствовать и самостоятельно выбрать хорошие цвета. Так что это совершенно нормально просто копировать красивые сочетания. Серьёзно, в воровстве нет ничего постыдного. Я написала целую статью о том, где черпать вдохновение для цветов: в фильмах, у художников, в чужих цветовых палитрах и т. д. (и другие инфографики - отличный источник).

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

Выберите картинку с цветами, которые вы считаете красивыми, например, произведение искусства или фотографию природы. Затем выберите оттуда цвета с помощью пипетки, например, в Photoshop или image-color.com. Попробуйте применить их в своей следующей инфографике.

Установите Adobe Capture, который реализует ту же идею, но для "живых изображений": он позволяет захватывать цвета из окружающего мира (удивительно, насколько ненасыщенные цвета вокруг нас!)

Поиграйте с ручным выбором цветов: посмотрите на экран. Какие цвета вы видите? Насколько они тёмные и насыщенные? Какие оттенки близки, какие противоположны на цветовом круге?

Выбирайте цвета из красивой инфографики. Измените некоторые из них. Они всё ещё хорошо сочетаются?

Кроме того, в следующий раз, когда создадите инфографику и будете недовольны цветами, проанализируйте их в цветовом пространстве HSV/HSB, например, с помощью colorizer.org:

Насколько цвета насыщены - насколько они становятся лучше или хуже, если увеличить или уменьшить насыщенность на несколько (или на много) процентных пунктов?

Каково значение тона? Что произойдёт, если изменить тон всего на несколько градусов?

Яркость цветов отличается?

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

# data[].attributes.attachment_link.keywords[]
выбор цветов

# data[].attributes.attachment_link.keywords[]
цветовое просторанство

# data[].attributes.attachment_link.keywords[]
насыщенность

# data[].attributes.attachment_link.keywords[]
цветовой круг

# data[].attributes.attachment_link.title
Как выбрать красивые цвета для вашей инфографики

# data[].attributes.attachment_link.description
Очень трудно выбрать хорошие цвета для инфографики. Постараемся разобраться с этой проблемой. Прочитав эту статью, вы почувствуете себя более уверенно в выборе цвета. А если у вас вообще нет чувства цвета, то это просто рекомендации по хорошим сочетаниям. Поговорим о распространённых цветовых ошибках, которые нас окружают повсеместно, и как их избежать.

# data[].attributes.headline
Варианты инфографики

# data[].attributes.subject
Варианты инфографики

# data[].attributes.attachment_link.readable_text
#статьи

29006

Чем хороша инфографика, какая она бывает и как сделать её самостоятельно. Мини-гайд для новичков в теме.

Слово "инфографика" слышали многие. А кто не слышал - всё равно с ней сталкивались, и не раз. Объясняем, что это такое и для чего нужно.

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

Созданием инфографики обычно занимаются графические дизайнеры. Иногда для этого они привлекают иллюстраторов.

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

Резюмируем: инфографика предназначена для быстрой, наглядной и яркой подачи материала.

Даниил Гапешин
Пишу научпоп, люблю делать сложное понятным. Рисую фантастику. Увлекаюсь спелеологией. Люблю StarCraft, шахматы, "Монополию".

Говорить про картинки и не показывать их - как-то нечестно. Поэтому сейчас мы посмотрим несколько примеров, а потом продолжим разговор:

Теперь вернёмся в наше время. Вот два примера инфографики из сферы бизнеса:

Действительно, данные всегда можно подать и просто текстом, таблицами и цифрами. Зачем тогда инфографика? У неё много преимуществ.

Во-первых, инфографика позволяет быстро доносить до аудитории большие объёмы данных. То, что долго пришлось бы читать, можно подать буквально в нескольких изображениях.

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

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

Инфографика применяется практически везде. Но и тут есть свои первопроходцы: например, в СМИ инфографику впервые начали использовать для подачи статистических данных.

Вот некоторые сферы применения:

С помощью инфографики можно подать информацию для клиентов или сотрудников.

Показать важные новости.

Красочно прорекламировать свою продукцию/услуги.

Сделать удобную техническую инструкцию, которая к тому же будет понятна всем, на каком бы языке люди ни разговаривали: язык картинок универсален (мы видели это выше на примере от IKEA).

Создать хорошо запоминающуюся и лёгкую для восприятия инструкцию по технике безопасности.

Наглядно оформить кулинарный рецепт.

Оформить статистические данные, годовой отчёт, результаты исследования.

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

Для той же цели она активно применяется в учебных материалах.

Дорожные знаки - тоже своего рода инфографика.

Вообще область применения инфографики почти безгранична, всё зависит от вашей фантазии и целей.

Существуют пять основных типов:
1. Аналитическая, или цифровая инфографика. С её помощью представляют статистические данные. Отличается обилием цифр, диаграмм, графиков и так далее.

2. Новостная инфографика. Наглядно рассказывает про свежие события, отражает хронологию и важные этапы происходящего.

3. Конструкционная инфографика. Демонстрирует устройство и составные части какого-либо объекта или механизм явления, иногда - хронологию и причины исторического события.

4. Рекламная инфографика. Создаётся компаниями для продвижения своего продукта. Яркая картинка с описанием достоинств товара и выгод от покупки. Может привлечь клиентов, если сделана хорошо - то есть сочетает грамотный маркетинг и удачный дизайн.

5. Сравнительная инфографика. Позволяет сравнить характеристики различных объектов. Если нужно, её можно дополнить более подробным анализом.

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

Шутка о расположении гребня на шлеме легионеров (на самом деле положение гребня зависело от звания, поперечный гребень носили центурионы)

Как и у любого метода, у неё есть свои минусы.

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

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

Третий минус в том, что инфографика - это практически всегда некоторая схематичность, обобщение и упрощение действительности.

Четвёртый минус в большей степени зависит от исполнителей, чем связан с самими способом подачи информации. Дело в том, что если хорошая инфографика помогает усвоению информации, то плохо сделанная, наоборот, мешает её воспринимать, а в худшем случае даже даёт неправильную модель, неверное объяснение.

Сделать инфографику несложно. Гораздо сложнее сделать хорошую инфографику.

Вот несколько советов:

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

Тем не менее не стесняйтесь добавлять отдельные текстовые фразы, чтобы объяснить детали.

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

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

Выстраивайте чёткую и логичную структуру там, где это возможно. Наиболее важные компоненты или крупные группы поместите по центру, сделайте их крупнее.

Используйте яркие, выделяющиеся цвета. Но следите, чтобы текст не терялся на фоне картинок. Если вы делаете корпоративный проект - используйте цвета своей компании.

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

Оформляйте все элементы инфографики в одном стиле.

Есть много онлайн-сервисов, которые упрощают создание инфографики. Вот некоторые из них:

1. Сanva
Очень популярный полностью бесплатный сервис. У него есть большая библиотека шаблонов и изображений. Отдельный и немаловажный плюс - наличие русскоязычного интерфейса. Помимо инфографики помогает создавать презентации, резюме, плакаты и многое другое.

2. Easel.ly
Тоже популярный сервис. Можно очень быстро собрать инфографику, добавив к выбранному шаблону нужные значки, стрелки и подписи. Тоже есть огромная библиотека бесплатных шаблонов, изображений, значков и шрифтов. Несмотря на отсутствие русификации, интерфейс интуитивно понятен и вряд ли вызовет затруднения даже при минимальном знании английского.

3. Piktochart
Онлайн-сервис, особенно хорошо подходящий для создания аналитической инфографики. Позволяет загружать данные в виде Excel-файла. Базовые функции бесплатны; оформив платную подписку, можно получить дополнительные возможности. Русификация отсутствует.

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

5. Creately
Очень хорошо подходит для создания диаграмм и различных схем, в том числе очень сложных. Даёт широкий простор для творчества благодаря возможности изменять простые шаблонные фигуры под нужды проекта. Базовая версия бесплатна, русификация, к сожалению, отсутствует, но интерфейс несложен.

Если же вы хотите научиться создавать инфографику, не пользуясь чужими шаблонами, и всерьёз интересуетесь дизайном - вам будет интересно на нашем курсе " Графический дизайнер с нуля до PRO ". За восемь месяцев вы не только освоите эту профессию, но и создадите портфолио, которое поможет вам найти первых клиентов или устроиться на работу.

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

# data[].attributes.attachment_link.title
Что такое инфографика? 5 бесплатных сервисов для её создания

# data[].attributes.attachment_link.description
статьи 29006 Чем хороша инфографика, какая она бывает и как сделать её самостоятельно. Мини-гайд для новичков в теме. Слово "инфографика" слышали многие. А кто не слышал - всё равно с ней сталкивались, и не раз. Объясняем, что это такое и для чего нужно. Инфографика - это графический способ подачи информации.

# data[].attributes.headline
Использование инфографики в образовании

# data[].attributes.subject
Использование инфографики в образовании

# data[].attributes.attachment_link.readable_text
Инфографика в образовании:

учителя делятся своими лучшими стратегиями

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

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

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

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

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

"в недавнем исследовании компании Dell с участием 1575 студентов университетов и колледжей, преподавателей и родителей в США, Китае и Германии, 9 из 10-ти респондентов отметили, что технологии способствуют улучшению способностей студентов к обучению. При этом, 82% считает, что технологиям должна уделяться большая роль в образовании, чем уделяется на данный момент".

Познакомимся с лучшими практиками интеграции инфографики в работу преподавателей.

В статье " Обучение с помощью инфографики: проектная модель " детально обсуждается подход Дианы Лауфенберг ( Diana Laufenberg) - учителя социологии общеобразовательной школы с 13-летним стажем (8 лет в средних классах и 5 - в старших). Совместно с "Академией Научного Лидерства" (Science Leadership Academy, PA) она работает над программой проектной исследовательской деятельности, предполагающей наличие ноутбука для каждого учащегося и способствующей развитию инновационного образования 21 века.

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

И это хорошая новость. Диана работает следующим образом: сначала она знакомит учащихся с тем, что такое инфографика, эта тема обсуждается вместе с классом, затем они рассматривают тему урока и весь класс делится на малые группы. Каждой группе дается время на исследование информации по теме занятия для создания собственной инфографики. Учитель помогает и отвечает на вопросы. Далее ученики представляют работы своих групп классу и происходит совместная оценка проектов, обсуждение темы урока и на основании собранной и визуализированной информации делаются предположения (прогнозы, тенденции).

Другая стратегия, предполагающая использование инфографики в образовании, принадлежит Бретту Вогельсингеру ( Brett Vogelsinger) - учителю английского языка в 9-х классах (США). Он заменяет новостные статьи и эссе, которые учащиеся традиционно читают по программе, инфографикой. По его словам, реакция школьников позитивна. Они отмечают, что значительно экономят время при чтении текста с инфографикой по сравнению с привычным текстом. Инфографика используется вместо традиционных эссе исследовательского характера. Возможно комбинирование визуальных элементов с текстовыми рассуждениями и выводами. Полезно предложить студентам или ученикам, чтобы они изобразили путь своего исследования или поиска информации, из каких этапов состоит их творческий процесс и какие технические средства они применяют. Главное, это дать учащимся возможность рефлексии и обратной реакции на то, что их увлекло в теме занятия.

Гэри Роб Лэм (Gary Rob Lamb) и его коллеги , как они включают инфографику в преподавание основ научных знаний в старших классах. Их главной целью стало формирование информационной грамотности в процессе обучения графической репрезентации данных. Инфографика использовалась для разных видов деятельности, (например, "читай и думай вслух", "перерисуй данные") и для представления авторских проектов старшеклассниками. В частности, на занятиях по типу "читай и думай вслух" учителя проецировали объекты инфографики на экран и объясняли, как нужно читать данные, как интерпретировать их значение и понимать смысл (скрытый смысл). Занятие "перерисуй данные" строится на том, что школьники воспроизводят увиденную идею своими образами.

Карисса Пэк ( Carissa Peck) - учитель старших классов из Калифорнии - широко применяет инфографику как альтернативу традиционным эссе. Она просит учащихся прочитать и проанализировать историю или рассказ, провести сравнение литературных произведений и представить полученные результаты в виде инфографики. Ученики оценивают работы друг друга в классе и иногда создают общие работы из нескольких инфографик.

Следующий подход к вопросу изложен специалистами Калифорнийской академии наук в статье " Инфографика в классе: визуализация данных для вовлечения в процесс научного познания". Это практическое руководство для учителей содержит описание четырех популярных образовательных стратегий: интерпретация инфографики, визуализация данных, критический анализ и создание инфографики учащимися.

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

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

Критический анализ инфографики предполагает рассуждение учащихся о хороших и плохих сторонах инфографики. Это возможно в том случае, если даны критерии или список пунктов, по которым они могут судить о качестве той или иной работы. Лучше всего показывать большое количество примеров, сравнивать, противопоставлять одну другой.

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

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

# data[].attributes.attachment_link.keywords[]
журнал метеор

# data[].attributes.attachment_link.keywords[]
научно-популярный журнал

# data[].attributes.attachment_link.keywords[]
научную статью бесплат

# data[].attributes.attachment_link.keywords[]
о метеор сити

# data[].attributes.attachment_link.keywords[]
опубликовать статью бесплатно

# data[].attributes.attachment_link.keywords[]
опубликовать статью онлайн

# data[].attributes.attachment_link.keywords[]
официальный сайт метеор сити

# data[].attributes.attachment_link.title
Как использовать инфографику в образовании

# data[].attributes.attachment_link.description
Инфографика - это визуально-упрощенное представление сложных данных, направленное на возбуждение интереса и передачу информации в понятной, доступной форме. Просто представьте рисунок, который разговаривает с человеком тысячью слов, - это будет лучшей визуальной метафорой инфографики. Думая об инфографике для обучения, обычно представляют ее как визуальную опор, иллюстрацию того, о чем идет речь на занятии, но потенциал ее использования гораздо больше.

# data[].attributes.headline
Виды образовательной инфографики

# data[].attributes.subject
Виды образовательной инфографики

# data[].attributes.attachment_link.readable_text
Проведя вчера (21 декабря) вебинар, я обещал участникам разместить материалы, не вошедшие в презентацию. Спешу разместить их в этой статье. Уверен, что она будет интересна всем, кто интересуется образовательной инфографикой.

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

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

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

ОБРАЗОВАТЕЛЬНАЯ ИНФОГРАФИКА - это визуальное представление учебного материала, новых знаний, которые не требуют дополнительных комментариев. Она представляет собой законченный информационный блок, который можно усвоить самостоятельно, находить дополнительные смыслы, анализировать и делать собственные выводы.

Итак, давайте рассмотрим виды инфографики.

1.Статистическая инфографика

Люди любят статистику. Хорошая статистика может быть мощным оружием для доказательства своей правоты. Часто она гораздо убедительнее пространных текстов и ссылок на авторитеты. Статистика заставляет задуматься о проблеме или ее решении. Она позволяет учителю дать мощный толчок для размышлений учащихся. А самим ученикам статистические данные помогают, к примеру, представить убедительно и доказательно свой исследовательский проект.

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

2. информационная инфографика

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

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

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

Безусловно, информационная инфографика тоже должна быть хорошо структурирована.

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

Пронумеруйте свои разделы, чтобы выстроить информационный поток в нужном направлении.

Чередуйте различные цвета, типы визуальных эффектов и направления, чтобы удерживать внимание учеников.

Иллюстрируйте понятия, используя значки, пиктограммы и изображения.

3. Лента времени

Очень важно воспитывать в учениках чувство временнóго пространства. Визуальное представление в виде инфографики может помочь ученикам создать более чёткое представление о времени. Визуальные эффекты, такие как линии, значки, фотографии и этикетки, помогают выделять и объяснять точки во времени.

Используемый вами визуальный эффект поможет показать прогрессию времени. Для этого можно использовать цветовой дизайн. Изменение цвета по ходу представляемой ленты времени поможет создать впечатление движения из прошлого в настоящее. Чередование различных цветов для каждой точки во времени также задерживает внимание ученика на ленте времени.

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

Полужирным контрастным шрифтом выделите год или название каждого события.

Проиллюстрируйте каждый момент времени с помощью простой иконки.

Если необходимо, предоставьте краткое описание для каждого момента времени.

4. процесс

В то время как лента времени будет выделять моменты времени, процесс, инфографики идеально подходит для описания этапов какого-то процесса, операции. В данном случае мы представляем некий алгоритм.

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

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

Если у вас есть много шагов для описания процесса, попробуйте использовать в макете "змейку". В основном, ваши шаги будут идти назад и вперед по всей странице в S-образной форме. Это поможет вам сэкономить место. Или, как в представленной выше инфографике, разместите шаги по дуге.

Итак, для подготовки инфографики процесса нам необходимо соблюдать следующие требования:

Обозначить номер каждого шага

Используйте s-образный макет, чтобы разместить много шагов на одной странице.

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

Напишите свои заголовки другим шрифтом или другим цветом, чтобы помочь им выделиться.

5. Географическая инфографика

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

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

Если вы хотите просто указать точное местоположение на карте, используйте значки и краткие метки.

6. сравнительная инфографика.

Это очень эффективная инфографика для того, чтобы сравнить несколько вариантов событий, явлений, личностей. Беспристрастность такого сравнения должна быть обеспечена достаточной базой данных. Ученики могут сами сделать выводы, отдавать предпочтение.

Как правило, инфографика сравнения делится по центру вертикально или горизонтально, по одной опции на каждой стороне.

Используйте контрастные цвета , чтобы было легко различить два варианта. Вы также можете использовать более яркий, более привлекательный цвет, чтобы подчеркнуть тот вариант, на который ученики должны обратить внимание. Это, как правило, новая учебная информация, которая даётся в сравнении.

Если вы хотите сравнить более двух позиций, то разделение макета инфографики пополам не будет работать. Вместо этого можно разделить макет на несколько столбцов.

7. иерархическая инфографика

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

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

Вот одно из изображений 19 века, которое по праву может называться инфографикой.

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

8. список

Если вы хотите перечислить причины того или иного явления или события, ввести список фактов, примеров, то такой вариант легче всего выполнить данным видом инфографики.

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

Нумерация точек в вашем списке поможет вашему информационному потоку. Хотя вместо номеров в макете можно использовать различные цветные иконки. Если ваше содержимое является списком, это вовсе не означает, что вы должны следовать основному макету сверху вниз.

Напрягите свою фантазию, чтобы акцентировать внимание на точки в вашем списке. Используйте так называемые "яркие пятна", чтобы привлечь внимание учеников.

Ключевые требования к инфографике списка:

Чтобы обеспечить последовательность потока информации, пронумеруйте точки в списке.

Замените точки маркера значками, чтобы проиллюстрировать свои точки.

Измените цвет шрифтов, фонов или иконок в каждой точке, чтобы ваш дизайн был привлекательным.

Попробуйте нетрадиционные макеты, такие как S-образные макеты или круговые макеты.

9. Резюме

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

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

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

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

_________________________________________________________

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

Главное, знать алгоритм подготовки учебной инфографики. Впрочем, об этих шагах мы подробно говорили на вебинар е.

# data[].attributes.attachment_link.keywords[]
учебная инфографика

# data[].attributes.attachment_link.title
Виды образовательной инфографики. Послесловие после вебинара

# data[].attributes.attachment_link.description
Проведя вчера (21 декабря) вебинар, я обещал участникам разместить материалы, не вошедшие в презентацию. Спешу разместить их в этой статье. Уверен, что она будет интересна всем, кто интересуется образовательной инфографикой. Данная тема не раз поднималась в педагогическом сообществе. Однако часто происходит подмена понятий. Понимание инфографики трактуется слишком широко.