Инфографика

Материал из ТолВИКИ
(Различия между версиями)
Перейти к: навигация, поиск
(→Примеры инфографики)
 
(не показаны 22 промежуточные версии 4 участников)
Строка 1: Строка 1:
 +
== Что такое инфографика? ==
 +
'''Инфографика''' (''от лат. informatio — осведомление, разъяснение, изложение; и др.-греч. γραφικός — письменный, от γράφω — пишу'') — это графический способ подачи информации, данных и знаний.
 +
Спектр её применения огромен: география, журналистика, образование, статистика, технические тексты. Инфографика способна не только организовать большие объёмы информации, но и более наглядно показать соотношение предметов и фактов во времени и пространстве, а также продемонстрировать тенденции.
  
 +
[[Файл:Infogr2.jpg|right|450px]]
 +
'''Инфографикой''' можно назвать любое сочетание текста и графики, созданное с намерением изложить ту или иную историю, донести тот или иной факт. Инфографика работает там, где нужно показать устройство и алгоритм работы чего-либо, соотношение предметов и фактов во времени и пространстве, продемонстрировать тенденцию, показать как что выглядит, организовать большие объёмы информации.
  
 +
'''Инфографика''' — это визуальное представление информации. Используется там, где сложную информацию нужно представить быстро и чётко.
  
 +
'''Особенности инфографики'''
 +
* графические объекты, ассоциативно связанные с представляемой информацией или являющиеся графическим выражением трендов и направлений изменения представляемых данных,
 +
* полезная информационная нагрузка,
 +
* красочное представление,
 +
* внятное и осмысленное представление темы.
 +
 +
'''Составляющие успеха инфографики.''' Практикующие дизайнеры выделяют несколько аспектов, учёт которых позволяет сделать инфографику успешной:
 +
* Своевременность
 +
* Привлекательная, понятная тема
 +
* Плавный, красивый, эффективный дизайн
 +
* Удобство распространения
 +
* Учёт целевой аудитории
 +
* Цифры могут говорить сами за себя
 +
* Внутренняя целостность
 +
* Эмоциональные цвета
 +
* Качественные диаграммы
 +
* Выбор масштаба
 +
* Создание истории
 +
* Выбор интересных фактов
 +
* Визуализация
 +
* Упрощение
 +
* Использование линии времени
 +
* Определение концепции и цели
 +
* Авторитетность и надёжность источников
 +
* Учёт отзывов от заказчика
 +
 +
'''Разновидности'''. Несмотря на то, что инфографика может применяться практически в любой дисциплине, специалист может выделить некоторые категории инфографики:
 +
* ''Числа в картинках:'' наиболее распространённая категория, которая позволяет сделать числовые данные более удобоваримыми,
 +
* ''Расширенный список:'' статистические данные, линия времени, просто набор фактов может быть визуализирован,
 +
* ''Процесс и перспектива:'' служит для визуализации сложного процесса или предоставления некоторой перспективы. Может вообще не содержать числовых данных.
 +
 +
[http://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%84%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0 По материалам Википедии]
 +
 +
== Как создать инфографику? ==
 +
Для создания инфографики можно использовать самые различные инструменты, начиная с элементарного MS PowerPoint и заканчивая профессиональным Adobe Photoshop. Вы можете использовать различные сервисы Веб 2.0 для подготовки отдельных элементов инфографики (графики, диаграммы, облака слов), а можете попробовать создать инфографику средствами специальных сервисов.
 +
 +
'''Сервисы для создания инфографики:'''
 +
 +
* [http://piktochart.com/ piktochart.com]
 +
** [https://docs.google.com/presentation/d/18O7cdOssMW2CaaNLX3YE_XsisOXNCJLaRwxJtuh25BQ/edit?pli=1#slide=id.p Инструкция по работе в сервисе piktochart.com]. Автор А.Баданов
 +
* [http://infogr.am/ Infogr.am]
 +
** [http://lifehacker.ru/2012/08/08/infogr-am-servis-dlya-sozdaniya-infografiki-i-diagramm/ Инструкция по работе в сервисе Infogr.am]
 +
* [http://www.easel.ly/ easel.ly]
 +
** [http://presportal.ru/web-resheniya/servis-po-infografike-easel-ly-web-instrukciya/ Инструкция по работе в сервисе easel.ly]
 +
 +
'''Часто для создания инфографики используют сервисы:'''
 +
* [https://cacoo.com/lang/ru/ Cacoo.com]
 +
**[[Сервис Cacoo.com|Подробнее о сервисе]]
 +
* [http://prezi.com/ Prezi.com]
 +
** [https://sites.google.com/site/badanovweb2/home/prezi Инструкция по работе с сервисом]
 +
** [[Новый стиль мультимедиа - презентаций]]
 +
** [http://prezi.com/-3pgrlh0ikoy/untitled-prezi/?utm_campaign=share&utm_medium=copy Пример презентации]
 +
* [http://realtimeboard.com Realtimeboard]
 +
** [https://www.youtube.com/watch?v=L0NN7ItX37s Как создать он-лайн доску RealtimeBoard (подробная инструкция)]
 +
** [https://www.youtube.com/watch?v=JBhMcG-lt5M Пример создания инфографики в RealtimeBoard]
 +
 +
== Примеры инфографики ==
 
<gallery>
 
<gallery>
 
Изображение:Infogr1.jpg|[https://radosvet.net/uploads/posts/2011-05/1305256614_429793.jpg Источник изображения]
 
Изображение:Infogr1.jpg|[https://radosvet.net/uploads/posts/2011-05/1305256614_429793.jpg Источник изображения]
Строка 12: Строка 75:
 
Изображение:Infogr6.JPEG|[http://old.pnp.ru/newspaper/20120713/9449.html Источник изображения]
 
Изображение:Infogr6.JPEG|[http://old.pnp.ru/newspaper/20120713/9449.html Источник изображения]
 
Изображение:Infogr7.jpg|[http://ria.ru/ecoinfogr/20110325/357672149.html Источник изображения]
 
Изображение:Infogr7.jpg|[http://ria.ru/ecoinfogr/20110325/357672149.html Источник изображения]
 +
Изображение:Infograf.png|[http://youtu.be/JBhMcG-lt5M Источник изображения]
  
 
</gallery>
 
</gallery>
 +
'''ДЛЯ УВЕЛИЧЕНИЯ КЛИКНИТЕ ПО ИЗОБРАЖЕНИЮ'''
 +
 +
== Полезные ссылки ==
 +
* [http://infographer.ru/ Сайт об инфографике]
 +
* [http://mmgp.ru/showthread.php?t=183613 Что такое инфографика?]
 +
* [http://infoanalyze.blogspot.ru/ Инфографика в примерах]
 +
* [http://www.cmsmagazine.ru/library/items/graphical_design/jj_2011-10-25/ Статья «10 советов по созданию качественной инфографики»]
 +
* [http://infogra.ru/blog/lessons/ Уроки инфографики]
 +
* [https://www.youtube.com/results?search_query=%D1%80%D0%BE%D1%81%D1%81%D0%B8%D1%8F+%D0%B2+%D1%86%D0%B8%D1%84%D1%80%D0%B0%D1%85&oq=%D0%A0%D0%BE%D1%81%D1%81%D0%B8%D1%8F+%D0%B2+%D1%86%D0%B8&gs_l=youtube.1.0.0.1261.7012.0.9072.12.12.0.0.0.0.167.1486.0j12.12.0...0.0...1ac.1.Fy3jraE8g-Y Видеоканал "Россия в цифрах"]
 +
* [http://ria.ru/infografika/ Инфографика на сайте РИА Новости]
 +
* [http://vmestoslov.info/ Вме100 слов. Российско-украинский блог об инфографике]
 +
* [http://wiki-sibiriada.ru/index.php/%D0%9C%D0%B0%D1%81%D1%82%D0%B5%D1%80%D1%81%D0%BA%D0%B0%D1%8F_%D0%98%D0%BD%D1%84%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0_%D0%B2_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5_%D1%81_%D0%B4%D0%B5%D1%82%D1%8C%D0%BC%D0%B8_2013 Мастер-класс «Инфографика в работе с детьми». Н. Кубрак]
 +
* [http://edugalaxy.intel.ru/index.php?automodule=blog&blogid=8&showentry=4421 Читаем инфографику (4-ый этап мастерской «Текст, текст, текст», Л. Рождественская)]
 +
* [http://www.grammar.net/ Инфографика для изучения английского языка]
 +
* [http://infographicsmag.ru/chitatelyam.html Сайт журнала «Инфографика»]
 +
* [http://infographics.5books.ru/ Инфографика про книги, литературу, писателей и читателей]
 +
* [https://plus.google.com/u/0/111382908494803233876/posts/dQw1DPbaCJF 14 сервисов для создания инфографики] (Копилка Эффективных Советов)
 +
* [https://www.youtube.com/watch?v=JBhMcG-lt5M Пример создания инфографики в RealtimeBoard]
 +
{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
 +
| style="background-color:#EFF5FF; border: 1px solid #777777; height: 60px;" colspan="2" |
 +
 +
{|cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
 +
|'''Инфографика про инфографику'''
 +
|'''Вебинар по инфографике «Визуализируй это!»'''
 +
|'''«Увидел и понял». Андрей Скворцов об инфографике'''
 +
|-
 +
|<video type="youtube" id="7Kw2Rx6zZyQ" frame="true" position="center"/> 
 +
|<video type="youtube" id="Jaq108y_TJU" frame="true" position="center"/>
 +
|<video type="youtube" id="IJa-gF1l_M4&feature" frame="true" position="center"/> 
 +
 +
|}
 +
 +
[[Использование ИКТ участниками экологического объединения|'''Статья "Использование ИКТ участниками экологического объединения гимназии (на примере конкурса «Инфографика»)"''']]
 +
 +
 +
[[Категория:Проект Экоград 2013]]
 +
[[Категория:Сервисы Web 2.0]]

Текущая версия на 21:22, 21 мая 2014

Содержание

Что такое инфографика?

Инфографика (от лат. informatio — осведомление, разъяснение, изложение; и др.-греч. γραφικός — письменный, от γράφω — пишу) — это графический способ подачи информации, данных и знаний. Спектр её применения огромен: география, журналистика, образование, статистика, технические тексты. Инфографика способна не только организовать большие объёмы информации, но и более наглядно показать соотношение предметов и фактов во времени и пространстве, а также продемонстрировать тенденции.

Infogr2.jpg

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

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

Особенности инфографики

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

Составляющие успеха инфографики. Практикующие дизайнеры выделяют несколько аспектов, учёт которых позволяет сделать инфографику успешной:

  • Своевременность
  • Привлекательная, понятная тема
  • Плавный, красивый, эффективный дизайн
  • Удобство распространения
  • Учёт целевой аудитории
  • Цифры могут говорить сами за себя
  • Внутренняя целостность
  • Эмоциональные цвета
  • Качественные диаграммы
  • Выбор масштаба
  • Создание истории
  • Выбор интересных фактов
  • Визуализация
  • Упрощение
  • Использование линии времени
  • Определение концепции и цели
  • Авторитетность и надёжность источников
  • Учёт отзывов от заказчика

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

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

По материалам Википедии

Как создать инфографику?

Для создания инфографики можно использовать самые различные инструменты, начиная с элементарного MS PowerPoint и заканчивая профессиональным Adobe Photoshop. Вы можете использовать различные сервисы Веб 2.0 для подготовки отдельных элементов инфографики (графики, диаграммы, облака слов), а можете попробовать создать инфографику средствами специальных сервисов.

Сервисы для создания инфографики:

Часто для создания инфографики используют сервисы:

Примеры инфографики

ДЛЯ УВЕЛИЧЕНИЯ КЛИКНИТЕ ПО ИЗОБРАЖЕНИЮ

Полезные ссылки

Инфографика про инфографику Вебинар по инфографике «Визуализируй это!» «Увидел и понял». Андрей Скворцов об инфографике

Статья "Использование ИКТ участниками экологического объединения гимназии (на примере конкурса «Инфографика»)"

Источник — «http://wiki.tgl.net.ru/index.php?title=%D0%98%D0%BD%D1%84%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0&oldid=400565»
Личные инструменты
наши друзья
http://аудиохрестоматия.рф/