Пряжа 

Дизайн информационной графики в сми. Особенности использования инфографики в деловой прессе: жанровый аспект. По формату представления

Инфографика из инструмента контент-маркетинга превратилась в инструмент PR. Компании все чаще представляют новости, информацию о себе, итоговые отчеты не в текстовом формате, а в виде инфографики, которую потом отправляют в СМИ, размещают на своих сайтах или в блогах. The London School of Public Relations выделила 9 типов инфографики. А мы в расскажем о том, для каких PR-целей лучше подойдет тот или иной тип инфографики. И в качестве бонуса - лучшие для создания инфографики.

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

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

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

В статье речь идет об инфографике как об одном из современных методов визуализации и ее распространении в средствах массовой информации разного типа. Проводится классификация видов инфографики и анализируется их использование в мультимедийном языке СМИ.

Ключевые слова: инфографика, визуализация данных, средства массовой информации, графический дизайн

Введение

В современных условиях роста объема данных, увеличения ско­рости передачи информации и стремления СМИ оптимизировать восприятие контекста возрастает потребность в качественной ви­зуализации. Известно, что психическая деятельность - не созна­тельная, а бессознательная [Лэнгтон, 2009, с. 40], и визуальнообраз­ная информация воздействуют на подсознание, способствуя более острому восприятию данных. Именно инфографика (наглядное представление больших массивов информации с использованием компьютерной графики) позволяет СМИ решить поставленные задачи: адаптировать данные под потребности и ожидания целе­вой аудитории с точки зрения как содержания, так и технологий.

Искусствовед Е. Лаврентьева справедливо отмечает: «Наш век часто называют веком информации, вне зависимости от вида и формы коммуникации в ее основе лежит текст. Считывание и пе­реработка информации, производство текстов стало массовым. <...> Встает проблема выбора и грамотного использования худо­жественных средств, созвучных времени и смыслу информации» [Лаврентьева, 2008, с. 6]. Иллюстрирование становится элементом текстообразования. Все изобразительные средства интегрируются в единое текстуальное пространство СМИ, превращая его в само­стоятельную знаковую систему. По словам арт-директора «National Georgaphic» Хуана Веласко, «информация в большинстве случаев измерима и поддается подсчету. Вполне естественно, что мы пыта­емся организовать потоки информации, отфильтровать и предста­вить ее в удобоваримом виде» . Таким способом организации данных и их визуализации становится инфографика. Она делает информа­цию более понятной и наглядной для читателя, а это решает одну из основных задач любого СМИ - эффективность подачи мате­риала, максимально точное донесение смысла до целевой аудито­рии. Инфографика в СМИ появляется не случайно, напротив, она становится трендом, отвечающим требованиям современной жур­налистики - оперативной, насыщенной различными видами дан­ных, мультимедийной. Об этом пишет Михаил Концевой: «...Фено­мен инфографики фактически является суперпозицией ключевых трансформаций информационной среды, социальных и психоло­гических перемен в целевой аудитории СМИ и, соответственно, итоговым воплощением всех основных тенденций развития современной журналистики» .

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

Сегодня в России инфографику активно используют не только в печатных СМИ - газетах («Ведомости», «Деловой Петербург», «Аргументы и факты», «Вечерняя Москва», «Комсомольская прав­да» и др.) и журналах («Русский репортер», «Вокруг света», «Экс­перт», «Секрет фирмы»), но и в онлайн-изданиях («Газета.ру», «Маркер»), В информационных агентствах созданы отделы инфо­графики, в которых работают команды дизайнеров, иллюстраторов, редакторов (ИТАР-ТАСС, РИА Новости, МИА «Россия сегодня»). Развивается и инфографика телевизионных каналов («Москва-24»), Инфографика носит образовательный и просветительский харак­тер, благодаря информационной насыщенности и грамотной гра­фической подаче она способна донести до реципиента сложные журналистские материалы. С помощью программного инструмен­тария инфографика становится динамической, интерактивной, мультимедийной, в ней одновременно присутствуют и автор, и читатель.

В работах исследователей инфографики рассматривалась исто­рия этого метода визуализации и приводились примеры ее наиболее удачного использования. В основном это издания иностранных специалистов, что легко объяснить более ранним появлением ин­фографики в СМИ за рубежом (с 1970-х гг. в США этот метод ви­зуализации появляется в «Sunday Times», «USA Today», «United States»). Неслучайно именно инфографика европейских стран (Испания - «Е1 Mundo», Германия - «Die Zeit» и др.) и США («The New York Times», «Boston Globe», «National Geographic») удо­стаивается первых мест на международных конкурсах инфографи­ки, как, например, «Malofiej», и служит примером для российских дизайнеров.

Одна из самых известных практико-теоретических работ - «Ви­зуальное представление количественной информации» Эдварда Тафти . Это одно из первых изданий по визуализации данных - классическое пособие по созданию графиков, диаграмм, таблиц, в котором сочетаются теория и качественный иллюстра­тивный ряд. Отдельный пласт литературы по инфографике - ил­люстрированные издания с примерами работ дизайнеров различ­ных стран . Интерес по данной теме представляют также и статьи на интернет-порталах, посвя­щенных инфографике, таких, как Infographer.ru . Схожая пробле­матика рассматривается на сайте SND (Society of News Design) .

Однако в данных работах не учтена взаимосвязь типологии СМИ и инфографики, в то время как этот вопрос заслуживает внимания. При создании инфографики важно работать не только с текущим материалом, но и ориентироваться на тип СМИ, графическую мо­дель издания, его знаковую систему. Характер визуализации зави­сит от целевой аудитории, способа изложения материала.

В нашем исследовании мы использовали уже известные подходы к типологии СМИ [Шостак, 2007; Шкондин, 2002; Шкондин, Реснянская, 2007; Щепилова, 2010].

Методология

Для того чтобы показать взаимосвязь инфографики и типоло­гии СМИ, в данной работе мы анализируем графические средства визуализации, использованные в инфографике. Нами были выбра­ны издания разного типа, составлена карта анализа инфографики, которая позволяет подробно описать визуализацию данных в кон­кретном СМИ и прийти к изложенным ниже результатам исследо­вания.

Для анализа взаимосвязи типологии и дизайна инфографики мы отобрали следующий эмпирический материал:

Общественно-политические и новостные издания:

Ежедневная качественная газета «Московские новости» (пе­чатная и электронная версии);

Еженедельный качественный журнал «Русский репортер» ;

Массовая еженедельная газета «Аргументы и факты» (печат­ная и электронная версии);

Деловые качественные издания:

Ежедневная газета «Ведомости» ;

Ежемесячный журнал «Секрет фирмы» ;

Еженедельный журнал «Эксперт» ;

Научно-популярные и познавательные журналы:

Нишевые издания:

Качественный ежемесячный мужской журнал «Esquire» ;

Новостные агентства:

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

Результаты исследования

Информация носит разный характер: текстовые и числовые дан­ные, материалы, требующие синтеза различных способов иллю­стрирования, в связи с этим в популярных российских и зарубеж­ных СМИ представлены различные виды инфографики.

Наиболее распространенные из них:

Статистика и отчеты: данные за определенный период времени сводятся воедино.

Справочная информация: дополнение к основному материа­лу, подробно поясняющее показатели, процесс, хронологию и т.д.

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

Анимация и видео: возникает возможность передачи движе­ния, интерактивного общения с пользователем.

Чертежи и схемы: представление сложных структур нагляд­ным способом.

Картография: помогает сориентировать читателя или зрителя и географически привязать данные.

Статистика и отчеты. Этот вид инфографики среди анализи­руемых нами СМИ используется в качественных деловых и обще­ственно-политических и новостных изданиях, таких, как «Ведомо­сти», «Эксперт», «Секрет фирмы», «Русский репортер», в массовой газете «Аргументы и факты», в научно-популярном издании «По­пулярная механика». Инфографика представлена в виде графиков (гистограмм, столбиковых графиков, линейных графиков), диа­грамм, таблиц. Такая визуализация адресована читателю, способ­ному к аналитическому и вдумчивому восприятию данных. Функции статистики здесь - разъяснение и сравнение, аналитика данных. Инфографика упрощает презентацию экономических материалов, больших объемов цифр. Графические средства в «Популярной ме­ханике», «Аргументах и фактах» более разнообразны, чем в других изданиях. Это связано и с характером публикаций, их тематикой. В деловых газетах и журналах визуализация ограничена шаблонами с лаконичной подачей цифр и использованием линеек разной тол­щины и цвета, в то время как в массовых и популярных изданиях графики, диаграммы и таблицы иллюстрированы фотографиями и пиктограммами.

Справочная информация представлена временными шкалами с показателями роста индексов («Секрет фирмы») или «Хроникой борьбы с сахаром» («Вокруг света») в виде ряда текстов, разме­щенных на плашках; хронологией выпуска «Документальных филь­мов, которые изменили мир» с указанием дат выхода и кратким содержанием кино («Русский репортер»); поясняющая основной материал инфографика с изображением передвижения космиче­ского самолета, не нуждающегося в ракете-носителе («Популяр­ная механика»). Потребность в такой инфографике возникает в сложных многополосных материалах, когда необходимо разно­образить текстовый ритм и привлечь внимания читателя к увлека­тельным иллюстрированным фактам.

Иллюстрации. Здесь представляет интерес инфографика, кото­рая является сложной иллюстрированной схемой, заключающей в себе рассказ о событии или описание предмета. Такие работы публикуются в следующих изданиях: «Московские новости», «Рус­ский репортер», «Популярная механика», «Аргументы и факты», «Вокруг Света». Эту многокомпонентную инфографику коллектив дизайнеров и журналистов чаще всего создает в еженедельных и ежемесячных СМИ, так как работа требует много времени, сбора и анализа большого объема данных. Здесь, помимо простейших диаграмм и графиков, мы можем увидеть карты, потоковые диа­граммы (в которых в виде соединяющихся и разветвляющихся ли­ний показываются взаимосвязи), блок-схемы и т.д.

Одна из наиболее эффектных работ - инфографика «Москов­ских новостей» «Марсоход Curiosity: путешествие с Земли на Марс» (рис. 1). В 2013 г. она была отмечена серебряной наградой на меж­дународном конкурсе «Malofiej 21», который проходил в рамках Всемирного инфографического саммита (Infographics World Summit). Работа интересна своей композицией, позволившей авторам умес­тить в рамки одного проекта большое количество данных: исто­рию удачных и неудачных запусков марсоходов, схему посадки марсохода на Марс, сравнение пробега марсоходов и их габаритов и т.д. Центральная часть инфографики представлена 3D-рисунком самого марсохода (за счет сочетания линий различной толщины он напоминает инженерный чертеж). Выдержанная цветовая па­литра (черный, насыщенный желто-оранжевый, красный, желтый и белый цвета) соответствует теме публикации и делает ее стиль­ной, привлекающей внимание. В целом, для инфографики «Мос­ковских новостей» характерны белый фон, изящная графика и обилие тонких линий, за счет этого в работах данного издания создается эффект наполненности «воздухом».

Если говорить о высоком уровне дизайна как «Московских но­востей», так и других качественных СМИ («Русский репортер», «Секрет фирмы», «Вокруг света», «Популярная механика», «Es­quire»), то следует отметить точность и чистоту отрисовки иконок- символов, которые являются неотъемлемой частью графики фак­тически любого современного издания. Пиктограммы способны сделать инфографику понятной на любом языке при условии точ­ной передачи смысла в небольшом схематичном изображении. Изображение может быть цветным или черно-белым, объемным или плоскостным, но оно должно оставаться ясным.

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

Характерный пример работы агентства «РИА Новости» - «Ти­таник» снаружи и внутри: виртуальный тур по знаменитому лайне­ру» (рис. 2) 22 . Информационным поводом для инфографики слу­жит годовщина гибели лайнера. Для работы выбрана эффектная тема, которая может привлечь внимание широкой аудитории. Ин­фографика состоит из нескольких планов, которые разворачива­ются перед читателем один за другим. Это вид «Титаника» снару­жи, продольный срез лайнера и интерьер корабля. Таким образом, авторы этого мультимедийного проекта показывают масштаб вели­колепия самого дорогого лайнера того времени. В работе исполь­зованы как трехмерные, так и плоскостные изображения, за счет смещения камеры вдоль корпуса корабля происходит имитация его движения по воде. Создана анимация для иконок-ссылок на срезе «Титаника», что придает динамичность изображению и при­влекает внимание зрителя.


Благодаря продуманной визуализации смысл сообщения легко передается аудитории:

Композиция сюжета: лайнер находится по центру каждой из сцен, создавая смысловую целостность композиции, при этом осу­ществляется переход между подвижным объемным Зс1-изображе- нием, статичным 2-d изображением и трехмерной навигацией по интерьеру, воссозданному при помощи фотографии;

Цветовая схема: использованы приглушенные оттенки крас­ного, серого, желтого и черного цветов, соответствующие гамме богатых интерьеров корабля;

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

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

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

Картография. Один из наиболее интересных и древнейших ви­дов инфографики. Карты встречаются во всех анализируемых нами СМИ, но они различаются своей графикой и используются дизайнерами для различных целей. Карты могут быть простейшим географическим ориентиром, как в журнале «Русский репортер», когда рядом с фотографией на карте указана точка, где был сделан кадр. В «Вокруг света» карта мира вынесена в содержание номера и на ней отмечены цифрами те страны, о которых пойдет речь внутри. Карта на развороте в «Московских новостях» становится основой в «Рейтинге регионов России по качеству жизни - 2013» (градацией оттенков синего показаны успешные и отстающие ре­гионы страны). В «Эксперте» карта может быть дополнительной информацией к основному материалу о строительстве линий элек­тропередач (на контур России здесь нанесены стрелки, указываю­щие географическое положение строек), к материалу об отноше­ниях Евросоюза и Молдавии (фрагмент карты, на которой цветом выделена Молдавия и район Приднестровья и Гагаузии). Схожая карта опубликована на сайте ИТАР-ТАСС: в инфографике «Офшор­ные банковские центры и банковская тайна» на карте с помощью линий и подписей к географическим объектам отображено внедре­ние международного налогового стандарта. Отметим, что карты в инфографике этого информационного агентства разнообразны, здесь нет единого шаблона: изображение страны или мира может быть контурным или с заливкой, насыщенным (если это самостоя­тельный объект) или подложкой для основного текста. Отличаются и точки-маркеры (буллиты), наносимые на карту, и графика стре­лок и линий. В картографии «Аргументов и фактов» единство стиля создается за счет нескольких используемых дизайнерами плоскост­ных изображений карт, шрифтового начертания для заголовков и основного текста, цветового решения подложки и графики линеек и стрелок.

Выводы

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

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

В заключение стоит отметить, что все большее количество СМИ внедряет в свою графическую модель такой метод визуализации, как инфографика, что говорит о ее эффективности. Как результат, иллюстрирование становится более качественным. Издания пере­стают использовать инфографику лишь как броский элемент, мод­ный тренд и стремятся к осмысленной визуализации, высокому уровню в этой области дизайна.

Список литературы

Веласко X. «Национальная инфографика» Хуана Веласко. URL: http:// www. design-management. га/ articles/ articles/? id=313

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

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

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

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

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

Круг вопросов

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

Определяем вопросы, на которые ищут ответы чаще всего, если дело касается приготовления овсяной каши. Вот что выдает поиск по гугл-трендам:

Активнее всего ищут самый простой рецепт рецепт, а в трендах видим, что набирает популярность запрос про приготовление в мультиварке и с использованием молока. Здесь выбираем, что нам нужнее. Я беру тот что с молоком, но без мультиварки. Смотрим топ запросов и определяем свои задачи.

Как приготовить овсянку: рецепт на молоке. Нужно узнать:

  • соотношение молока и крупы;
  • время варки
  • время настаивания под крышкой;
  • добавки к готовой каше.

Забавный факт: максимум запросов в прошлом году пришелся на конец января (31 число) по 6 февраля. В этом году с 15 по 21 января. Если нам нужна история, можно было бы поискать и выяснить другие популярные запросы этих периодов. В первом случае можно предположить, что кто-то готовится к пляжному сезону и меняет питание, а во втором — что новогодние праздники прошли бурно и нужна диета.

Какие инструменты и навыки нужны?

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

Чаще всего визуализацию делает команда, в которой есть нужные мастера. Если вы пробуете создать инфографику самостоятельно, применяйте простые инструменты. Саму верстку можно создать в Adobe Illustrator, а примерный вид диаграмм получить в Microsoft Excel.

Можно копировать работы, которые нравятся. Это поможет изучить инструменты, понять, чем конкретная инфографика вас привлекла. Для кругозора и в качестве упражнения можно посмотреть канал в Телеграме «Что понравилось в картинке» . Автор каждый день выкладывает что-то и оценивает, чем зацепил дизайн.

Онлайн-инструменты помогают визуализировать большие данные, а конструкторы с шаблонами дают готовые простые решения. Какие из них вам пригодятся зависит от конечной цели работы и той аудитории, которой она адресована.

Композиция

Что главное?

Читатель «Нетологии» скорее всего просматривает этот текст слева направо и сверху вниз. Это правило работает и для композиции нашего рецепта. Если есть самый большой, самый цветной или другой «самый» элемент, который сильно выделяется, сначала зритель посмотрит на него. Но потом все равно слева направо и сверху вниз — так устроен наш мозг. Если вы, к примеру, японец, тогда вам будет удобно читать и справа налево. Такие вещи надо учитывать при создании инфографики.

Что побочное?

Таймлайн. Данные о времени у нас есть для всех стадий — эти данные однотипны. Мы собираем их в одну цепочку — таймлайн, который покажет сразу весь процесс в переложении на часы и минуты. Удобнее всего расположить его ближе к границе композиции, по ходу чтения рецепта. Так, чтобы на каждой стадии можно было свериться.

Дополнение или совет, кулинарная хитрость. Это мы добавим к основным элементам. Мы будем использовать оттенки одного цвета — основного, а еще добавим элементы, близкие по яркости. Если нужна была интерактивная версия, то вообще убрали бы эти пояснения на второй слой. Навел курсор или коснулся экрана — всплыла подсказка. Тогда это уже был бы поп-ап. Вот удобный сервис для того, чтобы расставить такие элементы по готовому макету.

Я рассказываю как приготовить кашу на молоке из цельных овсяных зерен. В дополнение выношу совет про овсянку «по-английски».

Цвет

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

Можно пользоваться сервисами, которые собирают палитру. Например, Coolors . Он генерирует палитры, но можно выбрать из шаблонов готовое цветовое решение.

Более результативный и основательный подход — смотреть хорошую живопись, дизайн, фотографии, архитектуру и путешествовать.

  • Отдел исторических карт Нью-Йоркской публичной библиотеки
  • Коллекция снимков времен Великой депрессии с привязкой к карте и поиском по автору
  • Глава Readymag Design School «Цвет» — немного теории и пять мнений о цвете в дизайне, кино, фотографии. У Рэдимаг есть такие же блоки про сетку и типографику .

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

Онлайн-инструменты

Если бы нам нужно было нарисовать карту того, где и как готовят овсянку, мы могли бы сделать это в Пиксельмап . Здесь нужно выбрать территорию, настроить цвета и элементы, добавить свои данные. Карта доступна в виде HTML-кода или изображения *.png.

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

, еще можно читать dataviz.ru .

  • Канал Рациональные числа публикует карты, интересные рейтинги и неожиданные данные — здесь можно просто вдохновиться фактурой.
  • Советы на Хабрхабре от российских дизайнеров — что читать и чему учиться. Рекомендуют изучать базу: книги Таффти, Чирхольда, Итенна. Это про композицию, цвет, верстку и типографику. В тексте есть активные ссылки на магазины или онлайн-версии книг, еще курсы для дизайнеров и разработчиков. Материал отвечает на вопрос «с чего начать?».

    • Как сделать свою работу лучше

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

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

    Кулинарная книга в инфографике — здесь несколько рецептов.

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

    Обратная связь. Замечания и критика после публикации

    Разработчики новостных приложений в Chicago Tribune говорят: «Терпи неудачу быстро». Как только стало ясно, что задача переусложнена или не принесет пользы, от нее тут же отказываются. В команде ошибки всплывают быстрее, но инфографер-одиночка тоже может получить обратную связь через свои публикации.

    Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

    Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

    Подобные документы

      Инфографика как средство визуальной коммуникации в современной деловой прессе. Специфика деловой прессы. Жанровая система деловой прессы. Анализ инфографики в газетах "Биржа" и "Коммерсантъ". Графическое представление больших массивов информации.

      дипломная работа , добавлен 11.07.2014

      Инфографика как средство визуальной коммуникации. Основные требования проектирования графического способа подачи информации. Особенность создания многостраничного издания. Анализ подготовки макета и верстки. Проведение работы над зрительными разворотами.

      дипломная работа , добавлен 29.08.2017

      Особенности прессы как основного средства рекламы, ее достоинства и недостатки. Характеристика региональных печатных изданий. Реклама в прессе на алкогольную продукцию компании "Довгань". Анализ ежедневного журнала деловой прессы "КоммерсантЪ".

      курсовая работа , добавлен 13.06.2009

      История возникновения и развития деловой прессы в России. Типология деловых изданий, жанры деловой журналистики. Анализ развития современной деловой прессы России (на примере газеты "Коммерсантъ"). Концепция газеты "Коммерсант", основные рубрики, дизайн.

      курсовая работа , добавлен 13.04.2012

      Интервью как жанр периодической печати, его разновидности. Этапы работы над интервью. Критерии оценки качества (особенности интервью в деловой прессе). Рекомендации по повышению эффективности интервью в газетах "Бизнес курс", "Коммерческие вести".

      курсовая работа , добавлен 01.04.2009

      Жанровые формы промышленной публицистики. Зарождение и развитие деловой журналистики. Раскрытия темы промышленности в региональных печатных СМИ на примере общественно-политической газеты "Новый мир". Деловые издания Европы: история и современность.

      дипломная работа , добавлен 20.12.2012

      Основные способы обогащения лексического запаса языка. Неологизмы, их понятие, способы образования, особенности использования в прессе, классификация и взаимосвязь с варваризмами и заимствованными словами. Стилистические особенности современной прессы.

      курсовая работа , добавлен 20.11.2009