Использование различных инструментов визуализации. Сервисы и возможности

1. Фото и
инфографика в
новостной
журналистике.
Роль и возможности.

2. Визуальный элемент
это:
• Изображение
• Информация
• Понимание
• Эмоция
Грамотно оформленный визуальный элемент не
является средством иллюстрации текста, но
самостоятельным способом раскрытия и
передачи информации.

3. Фотография –
документальное визуальное
изображение событий,
людей, мест
Фото Юлии
Деркач и Илоны
Фанта
Ключевые слова – показать, дать почувствовать

4. Дополнительный эффект
Все фотоподборки увеличивают время пребывания
на сайте. Это – полезный инструмент улучшения
качественных показателей.

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

6. Фотолента
Подборка фотографий с мероприятия или события в
разброс
Как использовать:
• Для освещения праздничных мероприятий, гуляний,
парадов,
• Реже – крупных спортивных соревнований
(чемпионаты, Олимпиады)
• Трагедии, стихийные бедствия
Помогают передать «дух», мероприятия, атмосферу,
эмоциональную составляющую

7. Фоторепортаж
Подборка фотографий с мероприятия или
события в хронологическом порядке
Как использовать:
• Для освещения происшествий , ЧП
• Спортивных событий
• Культурных событий, конкурсов, выступлений –
если важно передать их ход
Помогают представить ход события, этапность

8. Как создать?
• Проще всего - при помощи плагина,
встроенного в сайт
Примеры:
http://focus.ua/photo/2844/
http://gallery.korrespondent.net/showbiz/4521-
light-my-fire-v-kieve-otkryli-francuzskuyu-
vesnu

9. Фотоколлаж
Соединение нескольких фото в одном
Как использовать:
• Для анонсов крупных жанров на сайте в
будущем
• Для анонсов крупных жанров в соц.сетях в
настоящем

10. Как создать?
При помощи специальных сервисов
Примеры:
http://www.photovisi.com/
http://gfranq.com/gfranq

11. Как это выглядит:
Джифранк
Фотовиси

12. Фотопанорама
Склеивание нескольких фото для получения
изображения с обзором на 180, 240 и 360 градусов
Как использовать:
• Для детализации информации о месте или объекте
• Для передачи масштабности или внутреннего
устройства объекта
• Пейзажи (вид с самой высокой точки города, вид из
окна кабинета мера)
• Реконструкции и стройки
• Развалины и разрушения
• Иногда – мероприятия, для передачи массовости

13. Как создать?
При помощи специальных сервисов
Примеры:
http://photosynth.net/default.aspx
http://www.dermandar.com/

14. Аудиослайдшоу
Фотолента или фоторепортаж со звуком. Звуком
может служить рассказ, музыка, интершум.
Как использовать:
• Для освещения истории на определенную тему
• Как проект, более сложный жанр, достойный
отдельной раскрутки

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

16. Как создать?
При помощи специальных сервисов
Примеры:
http://www.thinglink.com/

17. Инфографика – графическое
изображение информации,
собранной журналистом .
Помогает изобразить:
• Процессы
• Взаимосвязи
• Последовательность
• Количественную информацию, как статическую,
так и динамическую (цифры)

18. Ключевое слово –
объяснить
Чаще всего встречается в
виде схем, графиков,
таблиц, карт и сочетания
этих элементов друг с
другом или рисунками

19. Инфографика позволяет
передать данные
• Наглядно
• Доступно
• С эмоциональным окрасом
• Экономно с точки зрения занимаемой площади

20. Примеры
• http://ria.ru/infografika/
• http://www.gazeta.ru/infographics/
• http://infographicsmag.ru/
• http://infographer.ru/tag/infografika/
• http://www.adme.ru/infografika/zanimatelnaya-
infografika-433705/

21. Как создать?
• Совместная работа журналиста и художника
• Совместная работа журналиста и
программиста
• При помощи специальных сервисов

22. Инфографика
http://infogr.am/beta/
Infogr.am Позволяет создавать инфографики,
диаграммы. Есть вход через логинзу. Шаблонов
мало, но они красивые.

23. Инфографика
http://piktochart.com/product-features/
Piktochart – полноценная инфографика. Соединяйте темы,
формы, векторную графику, текст, изображения и таблицы.
8 способов визуализации для создания истории
нетекстовыми методами. Темы были разработаны для
проекта специально. Тема= сценарий. Бесплатный пакет
позволяет использовать 3 темы в месяц.

24. Инфографика
http://www.iconarchive.com/
Рисунки и иконки. Многие открыты для
коммерческого использования. Всего в каталоге
более 300 тысяч образцов. Их можно
организовывать и использовать по собственному
усмотрению. Есть возможность поиска по
тематическим группам и цвету.

25. Инфографика
http://www.easel.ly/
Позволяет создать инфографику на основе
набора бесплатных шаблонов. Загружать и
модифицировать рисунки и другие шаблоны.

26. Илона Фанта
ИРРП
Киев, апрель 2013
ilona.fanta@gmail.com