How to make a chic infographic: the main rules, good programs and typical templates

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

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

Правила при создании инфографики

Как самому сделать нужную инфографику? Вопрос, который давно мучает и новичков, и профессиональных дизайнеров. Основных правил немного, но все они очень важны.

Принцип «Data First»

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

Работа с корректной и проверенной информацией

Желание дизайнеров взять за основу инфографики злободневную тему, которая мгновенно разойдется на цитаты, объяснимо – авторам важны просмотры, отклик публики и отзывы. Но, как подсказывают эксперты, журналистика уже давно превратилась в желтую прессу, где нельзя доверять ни заголовкам, ни содержимому.

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

Дьявол в деталях

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

Без клише

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

Основные инструменты и программы

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

Adobe Photoshop – классика жанра. Программа с бесконечным количеством доступных функций, шаблонов, наглядных примеров и способов реализовать доступные идеи. Как сделать инфографику в Фотошопе? Вариантов два – взять за основу чужой шаблон и поработать над деталями уже вручную, корректируя отдельные фрагменты и набивая руку буквально на «чужом опыте». Или же можно засесть за YouTube и познакомиться с серией уроков по графике в Photoshop. Второй вариант, безусловно, сложнее, зато результаты станут любопытнее и самобытнее. Да и инфографики обретут четкость, яркость и сразу же узнаваемый стиль, который не спутать с примерами от конкурентов.

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

Power Point – инструмент, входящий в состав офисных программ Microsoft Office. Распространяется условно-бесплатно, и формально предназначен для подготовки презентаций, но, как ни странно, способен и работать с информацией, передаваемой с помощью графиков, изображений и диаграмм. Как делать инфографику в программе PowerPoint? С помощью заранее подготовленного инструментария и раздела «Вставка», который даже Microsoft Word превращает в дизайнерский холст. «Вставка» хранит и иллюстрации, и геометрические фигуры, и надстройки, и разделы со ссылками, примечаниями, текстом и направляющими стрелками. Единственное, чего недостает – поддержки инфографики в формате PSD. Файлы из Photoshop тут не принимаются и не обрабатываются. Зато нативных шаблонов с примерами предостаточно – даже новички сразу же разберутся в сути.

Фреймворк D3.js – загружаемый набор JavaScript-библиотек, которые, с учетом знаний HTML, SVG и CSS, легко использовать для работы с инфографикой. Из преимуществ перед конкурентами – четкое отображение вводимой информации, ведь придется использовать не графические приемы, четкие линии, геометрические фигуры, шаблоны или примеры, а программный код, который добавляется в тег <script>.

Сервисы для создания

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

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

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

1. Tableau – классическая программа, сосредоточенная на создании инфографики и работе с цифрами, текстом и сопроводительным описанием. Доступ к Tableau выдается по модели Freemium. То есть основной функционал, вместе с шаблонами и примерами, бесплатен. А вот за дополнительные материалы, круглосуточную поддержку от разработчиков и синхронизацию информации между компьютерной, мобильной и браузерной версиями Tableau придется отдавать деньги ежемесячно.
2. Canva – изобретательная графическая программа, способная работать с изображениями, документами и информацией в тех форматах, которые и не снились конкурентам. В Canva не возникает проблем – ни с созданием инфографики онлайн (да еще и без загрузки дополнительных материалов, ведь иконки, рамки, направляющие стрелки и иные детали разработчики сервиса выдают бесплатно, сразу после регистрации), ни с подготовкой визитных карточек и открыток, ни с организацией публикаций для добавления в социальные сети. И главное – разбираться в нюансах и деталях можно по ходу дела, даже не вчитываясь в инструкции и рекомендации, ведь новичков уже ждут шаблоны и примеры. Осталось сделать лишь новое описание и добавить немного деталей.
3. Visual.ly – экспериментальный конструктор инфографики, отличающийся от конкурентов по жанру тем, насколько серьезно разработчики нацелены и на новичков, и на профессионалов. Тех, кто впервые сталкиваются с графикой и дизайном в Visual.ly, ждут инструкции, советы и наглядные рекомендации (сделать даже сложную работу по чужим примерам станет легче). Экспертам же достанутся редкие материалы и расширенные настройки оформления, а еще шаблоны и программы улучшения уже полученных результатов.
4. Infogr.am – автоматизированный, интуитивный и условно-бесплатный сервис, открывающий доступ к мультифункциональному графическому редактору. В нём легко создать инфографику онлайн, воспользовавшись заранее подготовленными шаблонами, схемами и картинками. В результате – появится шанс в полуавтоматическом режиме сделать инфографику запредельного уровня.

Использование шаблонов

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

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

Где найти шаблоны?

Для поисков желательно использовать поисковую систему Google и запросы на английском языке, вроде «Free Infographic Designs», а не отдельные программы. Смотрим в выдачу, а дальше – останется отсортировать появившийся контент и выбрать нужные варианты для того, чтобы создать инфографику.

Для дополнительной точности или уменьшения вариантов в поисковой выдаче рекомендуется использовать дополнительные подсказки и нужные примеры или даже названия программ.

Можно указать формат (PSD или AI для Adobe Illustrator), тематику (спорт, география, политика) и способ отображения (графики, карта). А еще сделать поиск проще помогут названия некоторых примеров, шаблонов и графических движков.

Бесплатные шаблоны

Если поиск закончился неудачно, то почему бы не обратить внимание на следующий список заранее проверенных ресурсов:

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

Сайт Vexels – нечто среднее между социальной сетью для художников и стоком для тех дизайнеров, которые решились безвозмездно поделиться инфографиками с остальными участниками сообщества. Из плюсов – разнообразие доступных примеров. Постеры, шаблоны для презентаций и инфографиков, визитные карточки. И главное – организаторы сайта предлагают выбирать формат загружаемых «идей» – место тут нашлось и PNG, и PDF, и даже программному коду!

Платные шаблоны

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

Зачем использовать расхожие примеры инфографики, которые вот-вот появятся с теми же бесплатными шаблонами и примерами на других сайтах? Не лучше ли раз заплатить, но получить проверенный продукт, который поможет сделать любые проекты, на зависть конкурентам?

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