opyt forbes ua infographics sergey korniyenko
DESCRIPTION
18-24 июня 2013 г. в Киеве в рамках образовательной программы By_HUB состоялась 7-дневная летняя школа по новым медиа, которая объединила 12 белорусских и 12 украинских молодых активистов, журналистов, блогеров. Хештег: #byhubTRANSCRIPT
![Page 1: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/1.jpg)
Онлайн-инфографика. Опыт Forbes.ua Докладчик Сергей Корниенко
![Page 2: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/2.jpg)
Онлайн-инфографика. Опыт Forbes.ua 2
Дизайнеры теперь полностью включены в редакционный процесс, потому что особое значение приобретает визуальная журналистика. Люди все больше предпочитают визуальную информацию, они хотят больше инфографики, им нужны цвета, а дизайнеры это как раз те люди, которые всё про это знают. Марио Гарсиа, всемирно известный дизайнер, пионер мультимедийного издательского дела. Работал с The Wall Street Journal, Die Zeit, Das Bild и др.
Уходит наша журнальная эпоха. Эпоха статей и слов. Мне ее жаль. Но мой совет: лучшее, что вы можете сейчас сделать, это сделать не-текст. Потому что тексты – это то, что уходит в прошлое.
Куча людей в социальных сетях делает фотожабы и демотиваторы, а профессионалы – не делают. Наверное, считают это ниже своего достоинства. Ну и дураки. Сейчас рисуешь даже простейшую инфографику – и ее перепощивают, как звери. Леонид Бершидский, медиаменеджер, главный редактор портала Forbes.ua в 2012 году, был главным редактором журнала Smart Money, газеты «Ведомости» и и др., издатель русской версии журнала Forbes и «Русского Newsweek»
![Page 3: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/3.jpg)
Онлайн-инфографика. Опыт Forbes.ua 3
Нужен новый интеллектуальный контент на основе новых технологий, объединение форматов, предложение контента в новой упаковке. Кен Доктор, медиа-аналитик, автор книги Newsonomics: 12 новых тенденций, формирующих новости, которые вы получаете
Речь идет о создании некоторых синтетических способов передачи информации. Я называю это контентным дизайном. Уже современная журналисты и в Интернете, и даже еще на старой бумаге должны думать о том, как передать сообщение не только текстом, но и сопровождая изображением, а в Интернете - и звуком. Будущий журналист - это будет автор комиксов, который будет с помощью песен и фельетонов передавать сообщения о заседании местного парламента. Он не будет привязан к тексту печатному. Этот контентный дизайн, скорее всего, будущий формат массовой информации. […] Очевидно, что людям будущего будет чрезвычайно сложно читать длинные тексты потому, что есть другие более аттрактивные способы доставки информации. Более эмоционально действующие. Андрей Мирошниченко, журналист и теоретик медиа. Автор книг о теории и практике журналистики
![Page 4: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/4.jpg)
Почему инфографика и другие формы визуальных коммуникаций помогают лучше воспринимать информацию
Онлайн-инфографика. Опыт Forbes.ua 4
• Увеличивают информационную емкость материалов
• Способны завлечь читателя
• Ориентируются на современное поколение, у которого сформировалось «клиповое сознание»
• Структурируют числовой материал, позволяют избежать излишнего уплотненя цифровых обозначений в тексте
• Акцентируют внимание на самом главном
• Хорошо запоминаются
![Page 5: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/5.jpg)
Примеры визуальных сообщений в материалах сайта
Онлайн-инфографика. Опыт Forbes.ua 5
http://forbes.ua/business/1337540
![Page 6: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/6.jpg)
Примеры визуальных сообщений в материалах сайта
Онлайн-инфографика. Опыт Forbes.ua 6
http://forbes.ua/nation/1345502
http://forbes.ua/nation/1344476
http://forbes.ua/magazine/forbes/1346451
http://forbes.ua/business/1347984
![Page 7: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/7.jpg)
Первые попытки использовать интерактивную инфографику. Google fusion tables и Google charts
Онлайн-инфографика. Опыт Forbes.ua 7
• Сложность взаимодействия с API • Недостаточная гибкость • Ограниченные возможности
https://developers.google.com/chart/ http://www.google.com/drive/start/apps.html#fusiontables
![Page 8: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/8.jpg)
Редактируемые из CMS сайта диаграммы на базе amCharts
Онлайн-инфографика. Опыт Forbes.ua 8
http://forbes.ua/nation/1339531 http://forbes.ua/business/1348060
http://www.amcharts.com/
![Page 9: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/9.jpg)
Редактируемые из CMS сайта диаграммы на базе amCharts
Онлайн-инфографика. Опыт Forbes.ua 9
http://forbes.ua/business/1337540
http://forbes.ua/nation/1338840
![Page 10: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/10.jpg)
Индикаторы рынка на базе amCharts
Онлайн-инфографика. Опыт Forbes.ua 10
http://forbes.ua/indicators/currency/nal/USD
http://forbes.ua/indicators
Другие интересные скрипты: http://www.highcharts.com/ http://omnipotent.net/jquery.sparkline/#s-about
![Page 11: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/11.jpg)
Интерактивные SVG-карты
Онлайн-инфографика. Опыт Forbes.ua 11
http://forbes.ua/nation/1346825
![Page 12: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/12.jpg)
Представление результатов парламентских выборов на основе модуля SVG-карт
Онлайн-инфографика. Опыт Forbes.ua 12
http://forbes.ua/nation/1340835
![Page 13: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/13.jpg)
Представление резульатов президентских выборов на сайте «Украинская правда»
Онлайн-инфографика. Опыт Forbes.ua 13
http://www.pravda.com.ua/articles/2010/02/7/4730368/
![Page 14: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/14.jpg)
Управление диаграммами из CMS сайта
Онлайн-инфографика. Опыт Forbes.ua 14
![Page 15: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/15.jpg)
Инфографика
Онлайн-инфографика. Опыт Forbes.ua 15
Единство стиля и унификация
![Page 16: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/16.jpg)
Инфографика
Онлайн-инфографика. Опыт Forbes.ua 16
Единство стиля и унификация
![Page 17: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/17.jpg)
Инфографика
Онлайн-инфографика. Опыт Forbes.ua 17
Единство стиля и унификация
![Page 18: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/18.jpg)
Инфографика на Forbes.ua
Онлайн-инфографика. Опыт Forbes.ua 18
![Page 19: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/19.jpg)
Инфографика в журнале Forbes
Онлайн-инфографика. Опыт Forbes.ua 19
![Page 20: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/20.jpg)
Спецпроект «Рейтинг тендерных чемпионов»
Онлайн-инфографика. Опыт Forbes.ua 20
http://forbes.ua/ratings/people
Над проектом работали: Анатолий Бондаренко (Texty.org.ua), Руслан Резников, Александр Акименко
![Page 21: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/21.jpg)
Инструмент и решение на его основе
Онлайн-инфографика. Опыт Forbes.ua 21
http://isotope.metafizzy.co/demos/hash-history.html
http://www.bloomberg.com/billionaires/
![Page 22: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/22.jpg)
Готовые инструменты и решения на их основе
Онлайн-инфографика. Опыт Forbes.ua 22
http://forbes.ua/nation/1348085
Трансляция на основе Storify
![Page 23: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/23.jpg)
Готовые инструменты и решения на их основе
Онлайн-инфографика. Опыт Forbes.ua 23
http://forbes.ua/nation/1352798
Таймлайн на основе TimelineJS
![Page 24: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/24.jpg)
Готовые инструменты и решения на их основе
Онлайн-инфографика. Опыт Forbes.ua 24
Интерактивная инфографика на основе сервиса Infogr.am
![Page 25: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/25.jpg)
Готовые инструменты и решения на их основе
Онлайн-инфографика. Опыт Forbes.ua 25
Инфографика на основе сервиса Easel.ly
![Page 26: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/26.jpg)
Неудачные примеры визуальных коммуникаций
Онлайн-инфографика. Опыт Forbes.ua 26
![Page 27: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/27.jpg)
Инфографика как оформительский элемент
Онлайн-инфографика. Опыт Forbes.ua 27
![Page 28: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/28.jpg)
Интерактивные статьи
Онлайн-инфографика. Опыт Forbes.ua 28
![Page 29: Opyt forbes ua infographics sergey korniyenko](https://reader033.vdocuments.mx/reader033/viewer/2022052900/555c6106d8b42ab6748b49ca/html5/thumbnails/29.jpg)
Инфографика в социальных сетях
Онлайн-инфографика. Опыт Forbes.ua 29
http://www.facebook.com/forbesukraine