Инфографика в СМИ. Краткое пособие для журналистов и дизайнеров

инфографика в СМИ Краткое пособие для журналистов и дизайнеров Содержание: Нет медиа без инфографики 4 Формы инфографики 6 Откуда брать данные 18 Композиция в инфографике 22 Заголовки и текст 28 инструменты и вдохновение 32 Приложение: о хорошем макете 38

2

Обсуждение избранных примеров 44 12 Иллюстрации 42%

Book

4

4

6 6 6 6

Написанное для семинара по инфографике для украинских журналистов региональных СМИ. Автор — Яцек Галонзка, перевод — Виктория Солоницына, корректура — Юрий Усович, издатель — Восточноевропейский Демократический Центр

инфографика в СМИ Яцек Галонзка

Варшава 2014 Восточноевропейский Демократический Центр

Инфографика в газете и на сайте

Инфографика в газете и на сайте

Нет медиа без инфографики

Условием для создания инфографики является интересная журналистская идея. Привлекательная графическая форма облегчает выбор и привлекает внимание читателя, но одни только графики, без интригующего содержания не многого стоит. Инфографика является, как сейчас говорят, layout или расположением текстов и иллюстраций на бумаге или экране. Эта брошюра рассказывает, как создавать layout инфографики, но никому она не поможет найти или изобрести интересную информацию для представления в форме инфографики. Инфографика — это очень быстро развивающаяся область массовой коммуникации. Ее можно найти в книгах, газетах, в Интернете, на планшетах и смартфонах. Мобильные устройства, идеально подходят для инфографики — на небольшом мониторе нет места для длинных статей. Лучше использовать простую, синтетическую, высокоскоростную образную передачу — инфографику. Ниодно современное средство массовой информации не может обойтись без инфографики. Содержание брошюры основано на опыте семинаров по инфографике, проведенных для журналистов местной прессы в Польше, Кыргызстане, Беларуси и Украине. Никто из участников не был графическим дизайнером или художником, все они были журналисты, редакторы и издатели прессы, и такие навыки

4

были вполне достаточны для разработки простых инфографик. Дизайн часто обозначает индивидуальное «выполнение» инфографики с использованием программы, которую мы имеем в наличии. Например Word, Power Point — простое графическое программное обеспечение или веб-инструменты. Тем не менее, некоторые журналисты могут решиться специализироваться в инфографике, познакомиться с более продвинутыми графическими программами, такими, как Photoshop, Illustrator, InDesign и др. Могут специализироваться, как журналисты, так графические дизайнеры. «Умные» инфографики могут быть также и красивыми, а это требует трудоустройства специалиста, имеющего более высокую квалификацию, чем средний редактор или журналист. Тем более, что самой быстрорастущей областью журналистики сегодня является „data journalism”, пользуящаяся преимущественно инфографикой. На сегодня трудоустройство специалиста по инфографике может показаться расточительностью, но вскоре, может быть, ни одна редакция не сможет без него работать. В конце я добавлю, что правила макетирования инфографики применяются при создании любого макета: газетной страницы, портала, мобильного приложения, так что этот буклет может быть полезным также для тех читателей, которые не имеют ничего общего с инфографикой. :) Яцек Галонзка

5

Формы инфографики

Формы инфографики

Формы инфографики, примеры и их использование в средствах массовой информации, категории сложности Числа http://5wgraphics.com

П

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

Диаграммы (charts) http://5wgraphics.com

Числа Это простейшая форма инфографики. Большие цифры всегда привлекают внимание читателя. На самом деле, каждый день можно придумать интересный пример для номера и представить его читателям, как «число дня». Наверное, нет такой темы, в которой невозможно было бы найти интересные цифры. Возьмите специальный шрифт для чисел, узкий и одновременно удобный для чтения. Каждые числа должны иметь название и быть подписаны, объясняя, что это за число, что описывает и откуда оно взялось. Готовые шаблоны «чисел» можно иметь в библиотечном кэше. Это просто, если вы используете программу настольной издательской системы (InDesign, QuarkXPress ...).

Диаграммы (charts) Эти диаграммы хорошо известны и понятны. Важно, что они могут быть сделаны в широко используемой программе (Excell). Тем не менее, я хотел бы предложить вам сделать их самостоятельно в любой графической программе, потому что только тогда вы в полной мере определяете сами форму и цвет.

6

Диаграммы (charts) http://5wgraphics.com

http://5wgraphics.com

7

Формы инфографики

Формы инфографики

«Воздушные шары» http://www.davidmccandless.com

Nightingale’s Rose

Другие диаграммы (charts)

Nightingale,s Rose была создана в сере-

Существует гораздо больше различных видов диаграмм. Вы можете найти их, например, на данном сайте http://www.visual-literacy.org/periodic_table/ periodic_table.html, но в рамках этого скромного издания порекомендую вам несколько форм. На иллюстрации показаны примеры образцов.

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

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

8

Nightingale’s Rose http://www.excelhowto.com/nightingale-rose-diagramexcel-template/

9

Формы инфографики

Формы инфографики

«Воздушные шары» www.pictochart.com «Реки цвета» http://5wgraphics.com

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

10

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

11

Формы инфографики

Формы инфографики

«Линия времени» http://www.lego.com

Таблицы

Таблицы, нумерованные списки, биографии, опросы

Линия времени

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

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

12

13

Формы инфографики

Формы инфографики

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

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

Инструкция «шаг за шагом» www.shutterstock.com

Карты http://5wgraphics.com

Диаграммы (diagrams) www.shutterstock.com

Пакеты инфографики http://5wgraphics.com

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

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

14

Формы инфографики

Формы инфографики

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

Интерактивные инфографики Они, в основном, доступны в сети, хотя существуют интерактивные PDFфайлы. Рекомендую их просматривать, чтобы знать будущее инфографики. Вот несколько примеров: http://htwins.net/scale2/index.html http://www.nytimes.com/ref/business/20070715_GILDED_GRAPHIC.html http://www.slate.com/articles/news_and_politics/crime/2012/12/gun_death_ tally_every_american_gun_death_since_newtown_sandy_hook_shooting.html Интерактивные инфографики http://www.nytimes.com/ref/business/20070715_ GILDED_GRAPHIC.html

Инфографика для мобильных устройств http://www.pinterest.com

16

Инфографика для мобильных устройств http://www.pinterest.com

17

Откуда брать данные для инфографики?

Откуда брать данные для инфографики?

Откуда брать данные для инфографики?

Data journalism

В

аршавская газета Wyborcza недавно запустила специальный сервис http://biqdata.pl, девиз которого: описываем мир языком цифр. Журналисты этого веб-сайта ищут доступные в Интернете данные (государственных учреждений, общественных институтов, информационных порталов, бизнеса) и превращают их в инфографику. Посредством инфографики можно не только описать экономические, политические, культурные явления, но даже текущие события, выборы, войны и т.д. Это процесс называется «data journalism» — журналистика данных. Цифры могут быть увлекательными. Спортивные болельщики не могут оторваться от статистики о любимых спортсменах и командах (например, футбол). Они считают забитые голы, точность отдельных игроков, шансы получить титул. Избиратели внимательно следят за результатами голосования и шансами своих кандидатов на победу. Для сравнения с собственным опытом даже просто анонимные данные могут быть интересны. В качестве довода представлю статистические ежегодники Николя Фельтрона, опубликованные на http:// feltron.com. Для представления в инфографике самым важным является отбор данных. Каждое государство выпускает ежегодник, который содержит массу официальных данных о жизни своих граждан, экономике, культуре… о каждом аспекте жизни страны, который удалось передать цифрами. Тем не менее, для большинства цифры в таблице не являются чем-то привлекательным, они отворачивается от них с отвращением. А ведь цифры могут быть интересными, хоть и не все, конечно. Нас заинтересуют лишь те данные, которые мы ждем (например, результаты выборов или футбольного матча) или же те, которые вызовут удивление, будут необычными, неожиданными. Их нужно найти, а уж затем думать об инфографике. Если сами данные не вызывают интерес, то и инфографика не будет интересной.

18

Nicolas Feltron http://www.nytimes.com/video/technology/100000003050767/nicholas-feltona-quantified-life.html

Зачастую, данные интересны только в сравнении. Иностранцу, скажем, который не знает украинских реалий, не пригодится информация о средней заработной плате в Украине. Пока вы не скажете, сколько в гривнах стоит хлеб, молоко, арендная плата за квартиру, он не поймет — 3200 гривен — это много или мало, Только узнав, что заработная плата в Украине в несколько раз ниже, чем в его стране, информация будет интересной, удивительной и неожиданной – именно такой, какой и должна быть. При выборе тем для инфографики на семинарах с участниками, мы обычно отбрасываем первые, приходящие на ум идеи. Поначалу, все с легкостью приводят данные, которые могут быть представлены в инфографике, но почти никто не может сказать, что в них является уникальным, удивительным, ради чего стоит потратить время, чтобы сделать инфографику, содержащую эти данные. Только третья, четвертая идея уже заслуживает внимания.

19

Откуда брать данные для инфографики?

Откуда брать данные для инфографики?

Идею для инфографики можно искать в статьях, в которых, на первый взгляд, отсутствуют цифры. Банальное ДТП можно описать короткой заметкой: где-то, когда-то, кто-то был ранен; сбит автомобилем и получил легкие ранения. Вероятно, выйдет из больницы в течение двух дней. А водитель был пьян и у него забрали водительское удостоверение. Сколько здесь идей для инфографики? Карта, показывающая, где это произошло Большая карта, показывающая в нескольких образах траекторию движения транспортного средства и пешехода, место столкновения, тормозной путь, скорость в момент удара. Эти самые простые идеи, хороши, хотя и тривиальны. А если подумать, то можно задаться рядом вопросов: Сколько аварий были в этом месте в прошлом году? Где бы остановилась машина, если бы ехала в соответствии с правилами со скоростью 40 км/ч вместо 80 км/ч, как в этом случае? Какой наносит ущерб автомобиль, едущий со скоростью 80 км/ч и 40 км/ч? Сколько аварий произошло по вине водителей в нетрезвом виде? Сколько аварий произошло на том же месте по вине пьяных водителей? Какая по счету авария у этого водителя? Какие статистические данные об авариях по вине пьяных водителей? Какая видимость для пешеходов в этом месте?

http://www.pinterest.com

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

20

21

Композиция в инфографике, шрифты и цвет

Композиция в инфографике, шрифты и цвет

Композиция в инфографике, шрифты и цвет

Р

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

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

Прямоугольники http://www.pinterest.com

Иерархия Даже не очень сложная инфографика включает несколько элементов: график, текст и заголовки. Если каждый из них будет иметь ту же визуальную «силу», что и другие элементы, они будут «конкурировать» друг с другом за внимание смотрящего, и это может привести к путанице. Чтобы облегчить читателю понимание инфографики, создают иерархию от более важных элементов (заголовок, иллюстрация) к менее важным. Несколько несложных примеров инфографики одинакового размера можно объединить в одну большую инфографику, не делая какую-либо из них более важной (напр., большая), чем другие. Этот метод особенно хорошо работает с инфографикой для просмотра на смартфоне или планшете. В такой комплексной работе стоит помнить об общем названии и lead (введении), создающих соответствующую иерархию и порядок чтения.

22

Иерархия http://www.pinterest.com

23

Композиция в инфографике, шрифты и цвет

Композиция в инфографике, шрифты и цвет

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

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

http://www.wired.com

Шрифты Шрифтами называют набор символов, используемый в определенном языке, разработанный художником-графиком - дизайнером шрифтов. Эти символы можно свободно увеличивать и уменьшать, но они не должны быть деформированы, хотя многие графические программы делают это возможным. Чтобы избежать визуального хаоса, количество используемых шрифтов ограничивают, задавая четкую дифференциацию по размеру и толщине букв. Выбор подходящего шрифта, это, конечно, задача художника-дизайнера, но и журналистам о шрифтах стоит знать несколько вещей: Шрифты, очень упрощенно, бывают — с засечками и без засечек. Кроме того, они образуют «семейства», в которых есть версии толстые и тонкие, широкие и узкие. Для разработки инфографики достаточно использовать шрифты из двух семейств. Дизайнерам за использование их шрифта причитается вознаграждение; плата взимается при покупке лицензии или разрешения на использование, которое должен иметь каждый пользователь. Лицензия обычно имеет форму отдельного документа, но иногда бывает достаточно легально приобретенного CD со шрифтами или счета-фактуры подтверждающего покупку.

24

25

Композиция в инфографике, шрифты и цвет

Композиция в инфографике, шрифты и цвет

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

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

цвета http://5wgraphics.com

26

27

Заголовки и текст — работа редактора

Заголовки и текст — работа редактора

Заголовки и текст работа редактора

М

ногие считают, что инфографика состоит из одних лишь иллюстраций и журналисты/редакторы не имеют никакого к ней отношения. Это не так! Инфографика зачастую содержит до нескольких тысяч знаков текста. Описания иллюстраций, дополнительная информация и придумывание заголовков отнимает много времени, а иногда это даже труднее, чем написать обычную статью, занимающую тот же, объем, что и инфографика. Инфографика лишенная текста, со смертельно скучным заголовком, будет не понятой и мало полезной, для нее даже жалко места на газетной полосе или интернет портале. Хорошая инфографика, как и хорошая статья, должна иметь захватывающее название, интересное введение и текст, комментирующий или развивающий тезис, представленный графикой. Работа только тогда будет цельной - когда текст и графика будут дополнять друг друга. Над инфографикой должны работать как минимум два человека, один работает с информацией, второй с ее визуальной подачей (так называемый «дизайнер информации»). Такой организация работ, во-первых, сокращает затраты рабочего времени - вы можете работать одновременно над содержанием и формой, во-вторых, позволяет проверять друг друга, является ли идея по-прежнему визуально читабельной.

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

28

http://visualoop.com/br/1673/portfolio-da-semana-ricardo-davino-2

29

Заголовки и текст — работа редактора

Заголовки и текст — работа редактора

Длина текстов. В инфографике особенно важна подача, т.е. расположение на странице «блоков» текста и графики в понятной графической композиции. Размер и форма прямоугольников, в которых располагаются буквы текста, задает более жесткие рамки, чем статья. Автор текста должен уложиться в отведенное графической концепцией количество символов. Если это не удается, текст укорачивается или удлиняется при работе редактора с дизайнером над финальным вариантом инфографики.

Заголовок — играет ту же роль, что и в газетной статье. Хороший заголовок раскрывает суть инфографики и стимулирует интерес к чтению. Во время дизайнерского проектирования стоит сразу планировать размещение заголовков, и это следует сделать в самом начале работы. Это будут временные заголовки. Имеет смысл дать себе больше времени для поиска оптимального финального варианта. Дисциплина. Работа с инфографикой занимает много времени — необходимо собрать и проверить информацию (как при работе над статьей), написать текст (как при работе над статьей), найти идею для визуального представления основной мысли (только при работе с инфографикой), приспособить тексты к принятому графическому образу (гораздо труднее, чем при работе над статьей), выполнить диаграммы (только во время работы с инфографикой). Очевидно, что работы больше.

http://media-cache-ec0.pinimg.com/originals/66/da/fa/66dafaad31fed44f5818d87a3 2dc72e3.jpg

30

31

Компьютер и Интернет: инструменты и вдохновение

Компьютер и Интернет: инструменты и вдохновение

Компьютер и Интернет: инструменты и вдохновение

И

нфографику можно создавать при помощи различных программ: текстовых редакторов (напр. Microsoft Word), программ для создания презентаций (напр., Microsoft Power Point, Adobe Captivate) программ для редактирования изображений (напр., Corel AdobePhotoshop, Adobe Illustrator), создания электронных таблиц (Microsoft Excel) и других аналогичных программ. Все они позволяют сохранить окончательный вариант работы в виде изображения в одном из универсальных форматов - JPEG, TIFF, PDF, которые могут быть легко опубликованы на странице газеты или в Интернете. Это наиболее эффективное решение. В интернете появляется все больше инструментов для создания инфографики с легко настраиваемыми шаблонами. Эти программы кроме шаблонов включают в себя библиотеки шрифтов, пиктограмм, изображений, красочных фонов. В них можно также использовать собственные фотографии и даже фильмы. Найдется даже простая карту мира, а графики создаются путем введения данных в упрощенную таблицу. Финальный результат может быть сохранен в форматах, приведенных выше. Большинство функций в этих программах доступны бесплатно, а за небольшую плату можно получить доступ к библиотекам графики, шаблонов и дополнительных функций. Эти, казалось бы, очень привлекательные инструменты иногда начинают ограничивать нашу изобретательность. Потребуется некоторое время, чтобы мастерски овладеть ими, но иногда они могут оказаться совершенно бесполезными, если не находится нужный нам шаблон. Стоит также проверить, предлагает ли программа шрифты с национальными символами (напр., Украинский), потому что не всегда это так. Также время от времени появляются новые приложения для проектирования инфографики на мобильных устройствах. Чаще всего это программы для автоматического создания диаграмм, но можно найти и более продвинутые версии. Для мобильных приложений характерно, что инфографику, сделанную с их помощью, можно одним щелчком мыши опубликовать в Интернете.

32

David McCandless http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization

http://www.informationisbeautiful.net

33

Компьютер и Интернет: инструменты и вдохновение

Компьютер и Интернет: инструменты и вдохновение

Вот описание функциональности нескольких программ для создания инфографики: Microsoft Office — как Word так и Power Point, позволяют создавать типографские композиции, которые являются основой для инфографики. Макет для инфографики состоит из заголовка, коротких текстов и изображений, или других графических форм, таких как линии или геометрические фигуры. В библиотеках Power Point можно найти готовые графические элементы: формы, стрелки и пиктограммы. Преимуществом офисных программ является то, что почти все их хорошо знают. Чтобы сэкономить себе время, для работы стоит выбирать программное обеспечение, которое нам хорошо знакомо, Microsoft Excel — часто используется для генерирования графики. Достаточно выбрать соответствующий инструмент и ввести числовые данные в таблицу, чтобы график «нарисовался» сам. Недостатком этого подхода является слабый контроль над параметрами, такими как, например, пропорции графических «столбиков», расстояния между ними, редакция текста. В зависимости от версии программного обеспечения у нас будет больше или меньше типов диаграмм для выбора.

Adobe Captivate — это программа для создания мультимедийных презентаций, так что ее возможности схожи с Power Point. Если у вас нет навыка в использовании этого приложения, то лучше использовать уже известную вам программу. Программы для работы с графикой (Corel, Photoshop, Illustrator, InDesign, QuarkXPress, 3D) - дают безграничные возможности, но и требуют опыта и мастерства. Если кто-то хочет серьезно заняться инфографикой, вам стоит начать изучение, по крайней мере, одной из них.

Pictochart (http://piktochart.com) — приятная в использовании программа была опробована на семинарах для журналистов (Кыргызстан, Украина, Беларусь), работниками частных корпораций (Universal McCann), и представителями государственных учреждений. Она интуитивно понятна, хотя для достижения мастерства потребует немного времени. Программа имеет набор автоматически создаваемых графиков, довольно хорошие пиктограммы и простые карты. Вы можете использовать собственные фотографии и видео с сайтов Vimeo или YouTube. Программа позволяет сохранить работу в нескольких форматах, выложить в Интернете, распечатать или выложить в социальную сеть.

http://piktochart.com

http://www.adobe.com/pl/products/captivate.html

34

35

Компьютер и Интернет: инструменты и вдохновение

Возможна работа с «чистого листа» даже без использования шаблонов для любых фиксированных размеров. Поддерживается украинский алфавит. Для использования Pictochart необходимо зарегистрироваться, это можно сделать за один клик, при наличии аккаунта на Facebook. За небольшую плату можно получить доступ к PRO версии с более широкими возможностями. Pictochart постоянно обновляется, добавляются шаблоны и пиктограммы. Существует также версия Pictochart для планшетов. Интересующихся другими аналогичными программами в Интернете, приглашаем посетить страницу http://www.creativebloq.com/infographic/ tools-2131971 Никто не рождается с умением проектировать инфографику, так что нужно воспользоваться всеми доступными формами для обучения. Одной из них является рассматривание других работ. По адресам, указанным ниже, вы можете найти интересные примеры и конкретные дизайнерские решение любителей инфографики. Особо следует отметить страницу Nikolassa Feltrona (http://feltron.com), который описывает свою повседневную жизнь в графиках и цифрах. Рассматривая инфографику Feltrona можно вообразить, что все может быть представлено в цифрах. Если когда-нибудь вам будет сложно придумать идеи для инфографики, загляните на страничку Feltrona, и идеи придут сами собой. Еще один интересный источник — блог http://www.coolinfographics.com, который ведет Рэнди Крама. В течение нескольких лет, Рэнди разместил сотни примеров инфографики, которые ему особенно понравились и о каждом написал несколько слов. Когда мы просматриваем бесконечное количество хороших и плохих вариантов инфографики на Pinterest, стоит вспомнить о Рэнди. Он плохих примеров не показывает. Определенно стоит послушать Дэвида МакКэндлесс на конференции TED (http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization), где он говорит о красоте данных. Дэвид говорит по-английски, но на веб-сайте TED, вы можете увидеть перевод на русском. Интересные идеи также на сайте МакКэндлесс, где он представляет свои проекты http://www.informationisbeautiful.net А здесь еще другие адреса: http://www.pinterest.com/ http://5wgraphics.com http://www.visual-literacy.org/periodic_table/periodic_table.html

36

Компьютер и Интернет: инструменты и вдохновение

http://www.creativebloq.com/infographic/tools-2131971

http://www.coolinfographics.com

37

Приложение: о хорошем макете всей газеты

Приложение: о хорошем макете всей газеты

Д

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

в Какой размер шрифта (кегль), используемый в газете является оптимальным? o В зависимости от шрифта, размера газеты и ширины газетных полос используются буквы размером от 8,5 до 12 кегля, как правило, 9-10 кегль. Много зависит дизайна шрифтов. Есть такие, которые читабельны уже при размере в 8,5 кеглей и такие, которые даже при размере в 11 кеглей выглядят маленькими буквами. в Каким должно быть расстояние между строками основного текста (body)? o Многое зависит от шрифта, но, как правило, расстояние между строками на один кегль больше, чем текстовый шрифт, т.е. 10-ый кегль при 9-ти кеглевом шрифте и 11-й при десяти кеглях. Стоит посмотреть на пробном тексте. Чаще всего увеличение расстояния между строками улучшает читаемость текста.

Приложение: о хорошем макете всей газеты

в Можно ли на каждой странице газеты использовать разные шрифты? o Лучше использовать в газете один набор шрифтов. Раз в несколько лет, можно изменить макет и шрифт, но эти изменения должны быть контролируемыми, как принципы Конституции. в Можно ли использовать курсив (наклонный шрифт) и для чего? o Наклонный шрифт, называемый курсивом или италикой, менее читаем, чем прямой. Вы можете запланировать в газете публикацию некоторых текстов курсивом, чтобы выделить характер статьи: например, стихи, письма читателей, редакторская колонка. Всегда это должны быть короткие тексты (желательно до 1000 знаков), в противном случае они будут утомительными. в Если текст слишком короткий, можно ли увеличить размер шрифта? o Однажды выбранный размер шрифта текста, должен быть использован всегда, на каждой странице (колонке). Краткий текст увеличивается вставкой слов и предложений. Длинный текст сокращают. Размер букв не меняют. в Является ли целесообразным использование придуманных, декоративных шрифтов? o Богатство декоративных шрифтов не подходит к информационной газете. Тем не менее, если у вас есть колонка для детей или с фотографиями молодоженов или поэзия, можно разработать специально для них декоративные названия. Но будьте осторожны! Они должны храниться в stylebook и быть всегда одинаковыми. не стоит их менять от выпуска к выпуску под влиянием фантазии дизайнера или редактора. в Является ли ошибкой центрирование заголовка? o Центрирование - это мода нескольких прошлых десятилетий, редко используемое в современных газетах. Но мода меняется и возвращается… в Можно ли в одной газете использовать разную ширину колонок? o Лучше не делать этого, хотя просматривая западные газеты, можно найти и такие сложные решения. Однако, постоянное использование колонок разной ширины - это не часто встречающийся результат очень точной дизайнерской работы. Разную ширину колонок может спроектировать только хороший художник-дизайнер, если у вас такого нет - избегайте этого решения.

38

39

Приложение: о хорошем макете всей газеты

в Должен ли текст быть таким, каким его запланировал редактор при макетировании газеты? o Так работают в любой современной редакции. Профессиональный журналист должен уметь написать такой по объему текст, какой необходим. Только любитель не контролирует длину текста. в Могут ли две расположенные рядом статьи на двух страницах быть одинаково важны? o Редактор газеты не описывает бездумно все, что видит и слышит — в конце концов, не все стоит описывать. Он просто решает, классифицирует и оценивает. Он помогает читателю собрать информацию, оформляя ее значение. Редактор всегда сам решает, какая статья визуально более «важна», помогая читателю понять мир. в Стоит ли менять внешний вид газеты? o Редакторы местных газет иногда объясняют, что читатели уже привыкли к несовременному внешнему виду газеты и не стоит ничего менять. Такие объяснения обычно прячут лень редактора и коллектива редакции. Однажды читателю может понравиться газета конкурентов с более интересным дизайном или более интересный веб-портал. Так происходит во всем мире и газеты, проигнорировавшие это, уже не существуют. в Стоит ли иллюстрировать каждый текст? o Добавление фотографий к каждому тексту приводит к хаосу и затрудняет чтение газеты - читатель не знает, на чем сосредоточить свое внимание. Как правило достаточно одной большая фотография на колонку, в качестве иллюстрации к основному материалу; остальные тексты могут не иметь никаких фотографий. в Сколькими фотографиями иллюстрировать статью? o Не существует стандартов, но, как правило, достаточна только одной фотографии. Газета, в которой иллюстрируется каждая статью, выглядит слишком хаотично. Выбор лучшей фотографии - оптимальный вариант. в Что делать, если у нас есть фотографии к этой статье? Выберите действительно интересные и запоминающиеся снимки, отбросьте

40

Приложение: о хорошем макете всей газеты

все среднего качества, которые в лучшем случае «могут быть». Благодаря этому, ваша газета будет всегда производить впечатление интересной. в Когда имеет смысл иллюстрировать статью многими фотографиями? o Когда фотографии показывают последовательность событий — и в то же время мы показываем общий план и детали, или на разных фотографиях показываем причину и последствия событий. В этом случае, можно использовать больше фотографий, но всегда одна из них должна быть более важной, чем другие и, соответственно, больше. Особым случаем являются газетные фотографии читателей, сделанные по случаю общественных мероприятий, праздников, семейных торжеств, в начале учебного года, или призыва на военную службу. Тогда имеет смысл опубликовать много изображений понимая, что каждый человек, изображенный на фото захочет купить газету со своим лицом, а также члены его семьи, соседи и дальние знакомые... а каждый проданный экземпляр — это деньги на развитие газеты. в Насколько большим может быть одно изображение? o Даже на всю колонку или на две. Помните, однако, что читатели не будут рады, если вы напечатаете большие, скучные фотографии плохого качества. Не стоит также печатать маленькие фотографии, где нельзя различить лицо. Это пустая трата места. в Можно ли печатать изображения, загруженные из Интернета? o Загрузка изображений из Интернета - обычная кража, такого не должно происходить в порядочной газете. в Зачем подписывать фотографии? o В конце концов, можно увидеть, что находится на них. На фотографии нельзя увидеть, когда она была сделана, обстоятельства, причины и следствия того, что изображено. Не ясно, что показано на фотографии, и могут быть сомнения, кто изображен на фото. Все может быть объяснено в подписи, поэтому стоит подписать каждую фотографию. Кроме того, подпись дополнительно стимулируют чтение статьи, газета выглядит богаче, если состоит не только из однообразных колонок с текстами.

41

Приложение: о хорошем макете всей газеты

Приложение: о хорошем макете всей газеты

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

Наконец, несколько замечаний о цвете Не все страницы газета должны быть цветными. На западе, многие газеты могут печатать все колонки в цвете, но они этого не делают, экономя расходы. Цветные в газетах, первая и последняя страницы, а также рекламные страницы. Такой подход - свойственен небольшой местной газете, у которой никогда не бывает слишком много денег. У умеренности в использовании цвета есть еще одним преимущество. Пусть цветными будут изображения, логотипы, реклама, но не переусердствуйте с окрашиванием других элементов. Красочный фон для заголовков и текстов, используется в развлекательных «легких» журналах, они не добавляют серьезности местной газете и не делают ее более привлекательной. Современная газета «экономит» цвет. Хорошим решением является использование, так называемого, дополнительного цвета. Мы договариваемся с типографией, что некоторые элементы газеты (логотип, фон под текстом, линии, разделяющие тексты и т.д.) будут в едином, согласованном с типографией, цвете. Этот метод разнообразить газету известен «старым» опытным печатникам и он дешевле, чем полноцветная печать.

Dagens Nyheter http://www.dn.se

42

43

Перед выборами

Перед выборами

Перед выборами в ноябре 2014 года в Украине. Обсуждение избранных примеров инфографики

В

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

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

44

Хмельниччина Алла Собко

45

Перед выборами

Перед выборами

Результаты выборов Татьяна Кулицкая Это очень простая инфографика, показывающая на карте победившие партии. Ее преимуществом является как раз простота формы. С первого взгляда, мы видим, как выглядят политические разногласия в Украине. У этой простой инфографики есть неочевидная ценность - ее актуальность. Для автора этой рецензии, проживающего в Польше, инфографика Татьяны была первой информацией о результатах выборов в Украине. Она появилась на Facebook прежде, чем об Украине начали писать польские СМИ. Возможно, за неимением времени были допущены некоторые ошибки: слишком длинный и не очень информативный заголовок, отсутствие текстового сопровождения, отсутствие даже кратких сведений о партиях для мало информированной аудитории, Результаты выборов Татьяна Кулицкая

Коллекция инфографики Маргарита Середняк Инструкция для избирателей, выраженная в инфографике, создавалась уже на семинаре в Чернигове сразу в презентабельном, читаемый виде. Проект имел удобный вид небольших флайеров - короткие тексты не должны создавать проблемы даже для неискушенных избирателей. Инфографика советует, как подготовиться к выборам, как вести себя на избирательном участке, как решать проблемы. Отличный пример простой полезной инфографики. Три примера простой инфографики, использующей так называемый метод «Военный порядок» - диаграммы с пиктограммами. Автор использовал проверенную форму. Инфографика часто используется на плакатах и билбордах демонстрируя расходы, т.е. сколько денег было потрачено различными партиями на агитацию. Это всегда очень интересующая избирателей тема. Недостаток инфографики в бессодержательном заголовке и отсутствии дополнительной информации. Например, как это относится к расходам на избирательную кампанию, откуда деньги на эту агитацию. Читателям это, конечно, любопытно. Однако, это отличный пример работы с данными, тем, что называется «data journalism».

46

Коллекция инфографики Маргарита Середняк

47

Перед выборами

Перед выборами

Я знаю три слова

Из Херсона

Ольга Амрай, Алла Собко, Ирина Дигич, Олеся Ланцман

Наталья Бимбирайте из газеты «Вгору» разместила этот материал на Facebook. В приведенном примере инфографики не используются числа, так называемая «диаграмма», показывает так называемые круги власти. Такая форма часто используется в странах с давними традициями демократии, например, в США. Этот проект требует доработки (слабый заголовок, нет вступления и поясняющего текста). Тем не менее демонстрирует изобретательность в поиске темы для инфографики.

Интересная инфографика «Я знаю три слова ...», показывающая определение наиболее характерные посылов избирателям от различных политических партий. Похожая инфографика была создана во время семинара в Чернигове, однако, требовала доработки, на что не хватило времени. На примере, который мы видим, идея была развита, не хватило только данных (частоты употребления слов) и описания метода сбора данных (краткое введение), что сделало бы этот проект более интересным. Но заголовок исключительно хорош.

Я знаю три слова Ольга Амрай, Алла Собко, Ирина Дигич, Олеся Ланцман

Из Херсона

48

49