Постоянные разделы 
Текущие активности
Литературная инфографика/Кубрак Наталья/ШАГ 3
Материал из Wiki-Сибириада
(Различия между версиями)
| (не показана 31 промежуточная версия 2 участников) | |||
| Строка 1: | Строка 1: | ||
| − | =Шаг 3. | + | {| cellpadding="8" cellspacing="8" style="width: 100%; background-color:#FF9933; margin-left: auto; margin-right: auto" |
| + | |[[Литературная инфографика/Кубрак Наталья|'''ГЛАВНАЯ''']] | ||
| + | |[[Литературная инфографика/Кубрак Наталья/ШАГ 1|'''ШАГ 1''']] | ||
| + | |[[Литературная инфографика/Кубрак Наталья/ШАГ 2|'''ШАГ 2''']] | ||
| + | |[[Литературная инфографика/Кубрак Наталья/ШАГ 3|'''ШАГ 3''']] | ||
| + | |[[Литературная инфографика/Кубрак Наталья/Работы участников|'''Работы участников''']] | ||
| + | |[[Литературная инфографика/Кубрак Наталья/Рефлексия|'''Рефлексия''']] | ||
| + | |[[Литературная инфографика/Кубрак Наталья/Итоги|'''Итоги''']] | ||
| + | |} | ||
| + | ='''Шаг 3. Cервисы по созданию литературной инфографики'''= | ||
| − | + | [[Литературная инфографика/Кубрак Наталья/Третье инструктивное письмо|'''Третье инструктивное письмо''']] | |
| − | + | =='''Задание 1: Ознакомьтесь с инструментами для своей инфографики''' == | |
| − | + | ||
| − | + | '''Инфографика''' отличается современным красочным дизайном и кажется,что создать её может только дизайнер,используя Adobe Photoshop, Corel Draw или что-нибудь еще профессионально-замудрёное. Оказывается, что нет - есть всё же сервисы, позволяющие создавать инфографику самому. | |
| + | |||
| + | Онлайн-сервисы по созданию инфографики позволяют визуально описать хронику событий, показать взаимоотношения фактов и закономерностей, при этом до пользователя информация доносится в компактном виде, способствует лучшему пониманию материала. Сочетая визуальные элементы (диаграмма, график, таймлайн, карта и др.), можно передавать факты, смыслы и идеи четко и лаконично. Эти элементы должны привлечь читателя, дать ему возможность узнать больше и предложить ему интерактивные средства для того, чтобы изучение материала стало увлекательным. В итоге создается инфографика, которая доступно, понятно со ссылками, фото, видео рассказывает о герое или сюжете книги. | ||
| + | |||
| + | {| border="1" | ||
| + | |- | ||
| + | ! Ссылка на сервис | ||
| + | ! Возможности | ||
| + | ! Пример | ||
| + | |- | ||
| + | | [http://infogr.am/ Infogr.am] | ||
| + | | Возможность создания различных видов инфографики с помощью готовых шаблонов | ||
| + | [[Infogram|Инструкция]] | ||
| + | | [http://infogr.am/-----997001804178?src=web Всероссийский опрос на тему чтения] | ||
| + | |- | ||
| + | | [http://visual.ly/ Visual.ly] | ||
| + | | Забавный сервис, который собирает и анализирует информацию из аккаунтов Facebook и Twitter | ||
| + | | [http://www.facebook.com/l.php?u=http%3A%2F%2Fbit.ly%2FLABhZR&h=1AQHmbZqy Какой я Facebook monster] | ||
| + | |- | ||
| + | | [http://piktochart.com Piktochart.com] | ||
| + | | Сервис, позволяющий создать инфографbre в три шага [[Piktochart|Инструкция ]], [http://te-st.ru/2014/05/20/screencast-infographics-piktochart/ Видеоурок по созданию инфографики в Piktochart] | ||
| + | | [http://wiki-sibiriada.ru/images/c/ce/%D0%A2%D0%B5%D1%80%D0%B5%D0%BC%D0%BE%D0%BA.png Сказка Теремок] | ||
| + | |- | ||
| + | |[http://www.easel.ly/ easel.ly] | ||
| + | |Сервис, предоставляющий пользователям возможность конструировать красивую инфографику, используя меню с массой предварительно загруженного "перетаскиваемого" контента и богатым выбором редактируемых шаблонов, в соответствии с любыми запросами. | ||
| + | | [http://www.easel.ly/create/?id=https://s3.amazonaws.com/easel.ly/all_themes/vhemes/songs/&key=pub Пример: Топ самых популярных песен] | ||
| + | |- | ||
| + | |[http://www.visme.co/ Easy Web Content Presenter] | ||
| + | |очень удобный и мощный онлайн-инструмент для создания профессиональных мультимедийных цифровых продуктов (презентаций, баннеров, инфографики). [https://docs.google.com/presentation/d/1QR7uHzuTIo1tqejOJdDBynYZttxSCqULN7pjpsMDHXE/edit#slide=id.p Инструкция] | ||
| + | |... | ||
| + | |} | ||
| + | |||
| + | == '''Задание 2: Создайте литературную инфографику''' == | ||
| + | ==='''Поразмышляйте над ходом работы'''=== | ||
| + | Создание литературной инфографики предполагает некоторое продумывание хода работы: | ||
| + | *Определите. какой книге будет посвящена Ваша работа, какому герою, какому произведению и т.д. | ||
| + | *Соберите, проанализируйте информацию, выделяите ключевые моменты, определите акценты, на которые нужно обратить внимание читателя | ||
| + | *Набросайте эскиз инфографики, подумайте, какой она должна быть: содержать комбинацию различных визуальных элементов, или отражать хронику события в виде таймлайна и др. | ||
| + | *Определите, какой из предложенных сервисов поможет вам максимально передать ваши идеи.По желанию можно выбрать в качестве инструмента любой другой сервис | ||
| + | *Вооружившись инструкцией и творческим вдохновением, приступайте к созданию инфографики. Помимо текстовых фрагментов, визуальных элементов используйте фото, иллюстрации, ссылки,если этого позволяют возможности сервиса. | ||
| + | |||
| + | ==='''Продумайте примерные темы работ'''=== | ||
| + | |||
| + | *Остап Бендер (биография + интересные факты+крылатые фразы) | ||
| + | *Серия книг А.Волкова “Волшебник Изумрудного города” (таймлайн + интересные факты) | ||
| + | *Гарри Поттер (таймлайн+биография+ интересные факты) | ||
| + | *Шерлок Холмс (биография+интересные факты) | ||
| + | *Три мушкетера (или по творчеству А.Дюма в целом) | ||
| + | *Герои книг Агаты Кристи | ||
| + | *Экранизации известных романов | ||
| + | и др. | ||
| + | |||
| + | |||
| + | ===Этапы создания своей инфографики=== | ||
| + | Создание инфографики проходит следующие этапы: | ||
| + | *'''Формулирование цели создания инфографики и определение аудитории'''. Разрабатываемый информационный дизайн обычно предназначен для какой-то целевой аудитории. В нашем случае - это либо коллеги библиотекари, либо дети и подростки, с которыми мы - библиотекари и педагоги работаем | ||
| + | *'''Сбор определенного количества данных, материала по теме'''. Данные могут быть представлены в различных форматах - текстовый контент, графика, видео материалы, страницы таблиц и др. | ||
| + | *'''Аналитика и обработка информации'''. Собранный материал необходимо проанализировать и обработать, привести к одному знаменателю - обычно это неоформленные графики, гистограммы, | ||
| + | *'''Построение доступной визуализации, верстка'''. Весь материал компонуется, приводится в красивый наглядный вид. Выбирается формат (в зависимости от целей и количества данных) - презентация, слайд-каст, одностраничная картинка, видеоролик | ||
| + | |||
| + | === '''Некоторые советы к созданию инфографики''' === | ||
| + | {{#widget:Iframe | ||
| + | |url=https://docs.google.com/document/pub?id=1TmwwcY7gwb6PaVfC6CMn5VwgvvOqJy-i5P8InZ3sA1M&embedded=true | ||
| + | |width=800 | ||
| + | |height=500 | ||
| + | |border=0 | ||
| + | }} | ||
| + | =='''Задание 3: Разместите ссылку на готовую работу в [[Литературная инфографика/Кубрак Наталья/Работы участников|'''Таблицу саморефлексии''']]'''== | ||
| + | |||
| + | =='''Полезные материалы'''== | ||
| + | *[http://te-st.ru/2014/08/29/infographics-for-non-designer-webinar-materials/ '''Вебинар «Визуализация информации для недизайнеров: с помощью каких онлайн-сервисов можно создать инфографику самостоятельно»'''] | ||
| + | *[http://texterra.ru/blog/vse-chto-nuzhno-znat-ob-infografike.html '''Все, что нужно знать об инфографике (Инфографика)'''] | ||
| + | |||
| + | |||
| + | |||
| + | [[Категория:Мастер-класс]] | ||
| + | [[Категория:Новая школа]] | ||
Текущая версия на 07:53, 3 ноября 2014
| ГЛАВНАЯ | ШАГ 1 | ШАГ 2 | ШАГ 3 | Работы участников | Рефлексия | Итоги |
Содержание |
Шаг 3. Cервисы по созданию литературной инфографики
Задание 1: Ознакомьтесь с инструментами для своей инфографики
Инфографика отличается современным красочным дизайном и кажется,что создать её может только дизайнер,используя Adobe Photoshop, Corel Draw или что-нибудь еще профессионально-замудрёное. Оказывается, что нет - есть всё же сервисы, позволяющие создавать инфографику самому.
Онлайн-сервисы по созданию инфографики позволяют визуально описать хронику событий, показать взаимоотношения фактов и закономерностей, при этом до пользователя информация доносится в компактном виде, способствует лучшему пониманию материала. Сочетая визуальные элементы (диаграмма, график, таймлайн, карта и др.), можно передавать факты, смыслы и идеи четко и лаконично. Эти элементы должны привлечь читателя, дать ему возможность узнать больше и предложить ему интерактивные средства для того, чтобы изучение материала стало увлекательным. В итоге создается инфографика, которая доступно, понятно со ссылками, фото, видео рассказывает о герое или сюжете книги.
| Ссылка на сервис | Возможности | Пример |
|---|---|---|
| Infogr.am | Возможность создания различных видов инфографики с помощью готовых шаблонов | Всероссийский опрос на тему чтения |
| Visual.ly | Забавный сервис, который собирает и анализирует информацию из аккаунтов Facebook и Twitter | Какой я Facebook monster |
| Piktochart.com | Сервис, позволяющий создать инфографbre в три шага Инструкция , Видеоурок по созданию инфографики в Piktochart | Сказка Теремок |
| easel.ly | Сервис, предоставляющий пользователям возможность конструировать красивую инфографику, используя меню с массой предварительно загруженного "перетаскиваемого" контента и богатым выбором редактируемых шаблонов, в соответствии с любыми запросами. | Пример: Топ самых популярных песен |
| Easy Web Content Presenter | очень удобный и мощный онлайн-инструмент для создания профессиональных мультимедийных цифровых продуктов (презентаций, баннеров, инфографики). Инструкция | ... |
Задание 2: Создайте литературную инфографику
Поразмышляйте над ходом работы
Создание литературной инфографики предполагает некоторое продумывание хода работы:
- Определите. какой книге будет посвящена Ваша работа, какому герою, какому произведению и т.д.
- Соберите, проанализируйте информацию, выделяите ключевые моменты, определите акценты, на которые нужно обратить внимание читателя
- Набросайте эскиз инфографики, подумайте, какой она должна быть: содержать комбинацию различных визуальных элементов, или отражать хронику события в виде таймлайна и др.
- Определите, какой из предложенных сервисов поможет вам максимально передать ваши идеи.По желанию можно выбрать в качестве инструмента любой другой сервис
- Вооружившись инструкцией и творческим вдохновением, приступайте к созданию инфографики. Помимо текстовых фрагментов, визуальных элементов используйте фото, иллюстрации, ссылки,если этого позволяют возможности сервиса.
Продумайте примерные темы работ
- Остап Бендер (биография + интересные факты+крылатые фразы)
- Серия книг А.Волкова “Волшебник Изумрудного города” (таймлайн + интересные факты)
- Гарри Поттер (таймлайн+биография+ интересные факты)
- Шерлок Холмс (биография+интересные факты)
- Три мушкетера (или по творчеству А.Дюма в целом)
- Герои книг Агаты Кристи
- Экранизации известных романов
и др.
Этапы создания своей инфографики
Создание инфографики проходит следующие этапы:
- Формулирование цели создания инфографики и определение аудитории. Разрабатываемый информационный дизайн обычно предназначен для какой-то целевой аудитории. В нашем случае - это либо коллеги библиотекари, либо дети и подростки, с которыми мы - библиотекари и педагоги работаем
- Сбор определенного количества данных, материала по теме. Данные могут быть представлены в различных форматах - текстовый контент, графика, видео материалы, страницы таблиц и др.
- Аналитика и обработка информации. Собранный материал необходимо проанализировать и обработать, привести к одному знаменателю - обычно это неоформленные графики, гистограммы,
- Построение доступной визуализации, верстка. Весь материал компонуется, приводится в красивый наглядный вид. Выбирается формат (в зависимости от целей и количества данных) - презентация, слайд-каст, одностраничная картинка, видеоролик
Некоторые советы к созданию инфографики
