Инфографика примеры в картинках: Лучшие примеры инфографики (51 фото): простые, сложные, крутые

Лучшие примеры инфографики (51 фото): простые, сложные, крутые

Вопросы, рассмотренные в материале:

• Зачем многие используют инфографику
• Какая бывает инфографика
• Какую информацию можно вставить в инфографику
• Как правильно сделать инфографику к докладу
• Как сделать простую инфографику
• Как сделать крутую инфографику
• С помощью чего можно сделать инфографику
• С помощью каких инструментов делают инфографику
• Каких ошибок избегать в процессе

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

Что такое инфографика

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

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

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

Зачем нужна инфографика

Мы сталкиваемся с инфографикой постоянно, порой в неожиданных местах. Помните плакаты в поликлинике, на которых в картинках рассказывается о том, как можно заразиться гриппом? А школьные наглядные пособия — примеры инфографики в образовании. На них представлена информация в сжатой и наглядной форме. И это не единственный способ применения инфографики.

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

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

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

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

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

Рекомендуемые статьи по данной теме:

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

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

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

5 основных видов инфографики

1. Пространственная


Демонстрирует внешний вид объекта, его расположение, масштаб, внутреннее устройство. Сюда можно отнести технические рисунки, чертежи, анатомические атласы и карты.




2. Статистическая


Очень часто инфографика применяется в статистике, ведь с ее помощью можно наглядно и красочно представить данные серьезного исследования.




3. Временная


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




4. Абстрактная


Абстрактная инфографика передает логическое устройство какой-либо системы.




5. Комплексная инфографика


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

Вдохновляющий пример хорошей инфографики

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

Примеры простой инфографики на русском

Примеры сложной инфографики на русском

А как у них? 7 крутых примеров западной инфографики

На Западе совместили инфографику с лонгридом. Получилось изображение, растянутое на несколько экранов.

Социальная сеть LinkedIn показала, как правильно заполнять блог:

Портал TurboTax собрал данные расходов на содержание собак и кошек и представил их в виде инфографики. Получилось, что собака обходится хозяину дороже кошки:

А вот визуализация на тему «Страны G20: худшие и лучшие для женщин»:

Немного о возобновляемых источниках энергии:

А вот так выглядит отчет компании «Бритиш Петролеум» (BP) о ликвидации последствий аварии в Мексиканском заливе, во время которой произошла утечка нефти в океан. Эта качественная инфографика должна была убедить людей в том, что во время бурения скважин компания полностью контролирует ситуацию на дне Мексиканского залива.

Инфографика под названием «Где мы живем» была разработана для сайта журнала Wired. На ней в виде трехмерной карты показана плотность населения США в разных регионах. Основная задача этой визуализации — продемонстрировать, где живут и куда перемещаются по территории страны американцы. Она была решена с помощью очень простых средств: насыщенности оттенка основного цвета и всплывающих подсказок.

В графическом плане инфографика «Где мы живем» похожа на классическую пирамиду потребностей:

6 советов, как сделать хорошую инфографику

Если вы решили освоить навык создания инфографики, вам пригодятся следующие рекомендации:

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

Главное — иметь четкое представление о том, что вы хотите сказать людям. Только после того, как будет сформулирована основная мысль, можно приступать к созданию контента.

1. Создать сильный фокус


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


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


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

2. Приблизьтесь к простоте


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


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


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


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

3. Установите тему и используйте силу повествования


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


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


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


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

4. Тщательно визуализируйте сравнения


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


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


Например, когда мы рассматриваем рисунок сверху, мы не видим всю картину целиком, а фокусируемся на отдельных точках. Глядя на этот пример инфографики, мы понимаем, что сравнение данных лучше демонстрировать с помощью приемов, опирающихся на контрасты. Речь идет не только о цветовых решениях. Можно построить визуализацию на таких категориях, как большой/маленький, ближний/дальний, темный/светлый, тонкий/толстый. Чем контрастнее вы представляете данные, тем понятнее будет графика.

5. Связывание графики с контентом и аудиторией


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


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


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

6. Используйте правильный графический формат


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


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

Красивая инфографика содержит примеры, поражающие своей гармоничностью и простотой. Вы можете создавать свои оригинальные графические форматы, но делайте это с осторожностью. Не ставьте идею в зависимость от средств ее выражения.

9 бесплатных инструментов для создания инфографики

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

http://vizualize.me

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

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

https://developers.google.com/chart/

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

Все параметры шаблонов настраиваются и обновляются. Сервис особенно полезен для статистической инфографики.

https://www.powtoon.com

Онлайн-сервис PowToon создает анимированные презентации. Их можно сохранить в формате видеоролика или как стандартный файл со слайдами для Power Point.

https://piktochart.com

Piktochart — инструмент бесплатного создания схем на основе данных, которые вводит пользователь. У сервиса есть собственная цветовая палитра, набор шрифтов и возможность загрузки фонов, форм и картинок.

В бесплатной версии предлагается только три базовых шаблона. За пользование остальными сервисами нужно заплатить $29 в месяц либо $169 в год.

https://www.canva.com

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

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

https://www. easel.ly

Easel.ly предлагает несколько десятков бесплатных шаблонов для создания инфографики. Сервис позволяет настроить структурные элементы визуализации или отредактировать ее в соответствии с поставленными задачами.

Easel.ly обладает библиотекой готовых указателей, стрелок и линий для рисования схем. Цветовая палитра и шрифты настраиваются. Есть возможность добавить собственную графику для оформления изображения.

https://infogram.com

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

В бесплатном доступе 37 шаблонов графиков и 13 карт, а также онлайн-публикация инфографики на вашем сайте с помощью встраиваемого кода.

https://visual.ly

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

https://venngage.com

Venngage предлагает простой и доступный сервис для создания визуализаций.

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

10 типичных ошибок при создании инфографики

1. Большой акцент на рекламе своих товаров и услуг

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

Вот несколько подходящих вариантов:

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

Не бойтесь использовать в своей работе юмор и высказывать личное мнение. Это наполнит вашу инфографику индивидуальностью.

2. Бездумное копирование чужих идей

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

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

Для начала создайте папку и начните добавлять туда:

• примеры красивой инфографики с запоминающимся дизайном;
• интересные мысли, фразы и факты;
• цепляющие заголовки;
• все понравившиеся статьи по вашей тематике;
• собственные мысли.

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

Вот пример заимствованной визуализации, которую доработали и сделали более интересной, насыщенной и оригинальной:

3. Слишком сложная инфографика

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

4. Поверхностный подход к материалу

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

5. Банальщина

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

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

6. Недостоверные факты

Сегодня в Интернете легко найти кучу интересных фактов, только как убедиться в том, что они правдивы?

Здесь нужно быть очень внимательным:

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

7. Несоответствие дизайна теме

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

8. Неверная подача материала

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

Ниже пример плохой инфографики, которую вряд ли будут читать:

9. Слишком пестрая инфографика

Рекомендуется использовать не более пяти цветов: два основных и три вспомогательных. Цвет текста и картинок должен гармонировать с общей палитрой визуализации. Для подбора цветовой гаммы используйте сервисы Adobe Kuler или Color Scheme Designer.

10. На инфографике нет свободного пространства

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

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

Картинки и инфографика для сайта >>>Создать своими руками

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

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

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

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

3. Те, для которых нужно что-то скачивать и устанавливать на компьютер. В списке я оставила только сервисы, доступные онлайн.

   
   

   Надо понимать, что бесплатный функционал всегда предполагает определенные неудобства и ограничения. У каждого сайта они свои. Рассмотрим их тоже.

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

Картинки для социальных сетей

Лидерство в этом сегменте принадлежит Canva.

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

В формате картинок в социальных сетях публикуют:

1. Мудрые цитаты.

2. Привлекающие внимание рекламные объявления.

3. Сторис.

4. Обложки для групп и страниц.

5. Картинки для иллюстрирования постов или ссылок, ведущих на страницу вашего сайта.

Размеры шаблонов Canva уже заточены под требования социальных сетей: Фейсбук, Инстаграм, Твиттер, Пинтерест. Создать картинку легко. Бери и делай.

Так выглядит страница выбора шаблона в Canva

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

Выбирайте готовый дизайн в меню слева

Обратите внимание, что доступные вам шаблоны будут помечены подписью «БЕСПЛ.». Их не очень много, зато вы можете легко придумать и создать свой собственный. Для этого загрузите свою картинку (кнопка «Загрузить» в меню). Подберите подходящую надпись из готовыхшаблонов в меню «Текст». Введите свой текст.

Интересная деталь: если вы захотите поменять дизайн надписи, просто выберите новый в меню слева— дизайн изменится, а ваш текст при этом сохранится.

В программе есть и другие интересные функции: см. рисунок ниже (кстати, эта схема была сделана в сервисе Creatly— речь о нем пойдет ниже).

Меню сервиса Canva

Как сделать картинку самому? Загружайте свои изображения, добавляйте к ним надписи и другие элементы.

Вот так, например, мог бы выглядеть анонс этой статьи в Фейсбуке (для фона использована картинка с фотостока pixabay.com)

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

Готовую картинку можно сразу загрузить в социальную сеть или скачать на компьютер

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

Достоинства сервиса Canva:

1. Выбор языка интерфейса (включая русский и украинский).

2. Размеры шаблонов, заточенные под разные форматы соцсетей.

3. Шаблоны для печатных материалов (открыток, календарей, бланков и т. д.).

4. Удобные шаблоны надписей, в том числе большой выбор кириллических шрифтов.

5. Возможность настройки под свой фирменный стиль (в бесплатной версии — только корпоративные цвета).

6. Неограниченное количество готовых сохраненных проектов.

7. Работа над одним и тем же проектом в команде.

8. Блог о графическом дизайне на русском языке.

Недостатки:

1. Очень небольшой выбор бесплатной графики. Основная масса картинок доступна либо в платной версии, либо для покупки по одной штуке— от 1$.

2. Доступ к фотографиям фотобанка Unsplash есть только в платной версии. Но никто не мешает вам скачать и загрузить фотографии вручную.

Стоимость платной версии: 12,95$ в месяц или 119,40$ в год.

Визуальные истории, презентации, материалы для печати

Со всем этим лучше всего справляется Piktochart.

Под инфографикой часто понимают именно их— инфографические «лонгриды», или истории, в которых визуализируют множество разнообразных данных. Их размещают на сайте или распечатывают в форме плакатов.

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

Визуальные истории— самый популярный формат инфографики

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

Окно выбора дизайна для инфографики

Найти подходящий не составит труда: в бесплатной версии вы можете выбрать любой из разнообразных шаблонов без ограничений. Выбрав шаблон, наведите на него курсор и нажмите кнопку Use Template.

Выбор шаблона для использования

После этого откроется окно редактирования, где изменяйте графический шаблон по своему вкусу: добавляйте и удаляйте фотографии и рисунки, редактируйте текст, изменяйте цвета и т.д.

Окно редактирования с выбранным шаблоном

Познакомимся с основным меню программы.

Меню сервиса Picktochart

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

Пример трехстраничной инфографики, созданной при помощи сервиса Picktochart

Достоинства сервиса Piktochart:

1. Все имеющиеся шаблоны доступны в бесплатной версии.

2. Большое количество графических элементов, достаточное для разных целей.

3. Удобный интерфейс для работы.

4. Самый удобный сервис для работы с длинной инфографикой.

Недостатки:

1. В бесплатной версии можно хранить максимум 1 проект и 5 работ.

2. Готовые изображения можно только скачать в виде картинки и только среднего качества, но и среднее качество довольно неплохое для использования в интернете.

3. Встраивание готовой инфографики на сайт работает только в платной версии (а это интерактив, возможность зашить в изображение ссылки).

4. Очень маленькое количество кириллических шрифтов (в платной версии можно загружать свои шрифты).

5. Логотип сервиса на готовом изображении.

Стоимость платной версии: 29$ в месяц и 290$ в год. Есть небольшие скидки для некоммерческих организаций, а также корпоративные планы.

Карты

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

Работа в Pixelmap проста. Выбирайте, какую карту вы хотите раскрасить: карту мира (в крупной или мелкой детализации) или любой отдельной страны. Используйте заливку различных цветов для стран или регионов. Можно также добавлять значки с текстовыми комментариями.

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

Например, я раскрасила страны в зависимости от количества объектов архитектурного наследия ЮНЕСКО— от желтого к темно-красному.

Рабочий экран Pixelmap

Результат доступен для скачивания в виде картинки или файла html. Последний будет интерактивным, то есть при наведении на страну или значок будет появляться сопроводительный текст.

Карта в интерактивном формате

Результат может быть оформлен и в виде «пиксельной карты». Выберите форму пикселя (кружок, ромб квадрат или шестиугольник), установите размеры пикселей и расстояния между ними и нажмите кнопку Generate PixelMap. Получится что-то вроде этого.

Пиксельная карта мира

Достоинства сервиса Pixelmap:

1. Не требуется регистрация.

2. Очень простой интуитивно понятный интерфейс.

3. Очень быстрая и простая в работе.

4. Можно работать как с картой мира, так и с картой отдельной страны.

Недостатки:

1. Нет регистрации, а значит, невозможно сохранить результат для дальнейшего использования.

2. Нельзя создать легенду (ее придется добавлять отдельно).

Диаграммы, схемы, графики

Для визуализации цифровых данных, создания схем отлично подходит сервис Creatly.

Залогинившись в программе, нажмите зеленую кнопку «Новый документ», чтобы начать работу.

Стартовое окно сервиса Creatly

Выбирайте один из 47 видов графического представления данных.

Выбор вида графики

После этого находите наиболее подходящий для вашей цели дизайн. Например, я захотела сравнить возможности Canva и Picktochart. Для этого идеально подойдет одна из диаграмм Compare & Contrast.

Выбор диаграммы

Например такая.

Дайте название вашему будущему документу

Окно редактирования диаграммы

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

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

Выбор стиля оформления графического объекта

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

Шрифты с вашего компьютера помечены как local

Результат на рисунке ниже.

Пример схемы, созданной в сервисе Creatly

Достоинства сервиса Creatly:

1. Понятный удобный интерфейс на русском языке (местами не до конца локализованный).

2. Большой выбор шаблонов (все имеющиеся доступны в бесплатной версии).

3. Выбор предустановленных цветовых схем.

4. Использование шрифтов, установленных на вашем компьютере.

Недостатки:

1. Можно сохранить не более 5 диаграмм.

2. Логотип сервиса на готовом изображении.

3. Сохранение только в формате png или jpg.

Стоимость платной версии: 5$ в месяц или 49$ в год.

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

«В закладки маркетологу: 6 мегаудобных инструментов для видеомаркетинга»

«6 инструментов дизайна для Instagram Stories»

«5 приложений для социальных сетей, которые будут полезны вашему бизнесу»

«6 полезных приложений для обработки видео и фото в Instagram»

Анимированная инфографика

Быстрый и удобный сервис для создания инфографики для социальных сетей, в том числе анимированной— Crello.

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

Стартовый экран Crello предлагает выбрать формат изображения

Рассмотрим для примера создание анимированного поста для социальных сетей (видеопубликации).

В следующем окне вам предлагается выбрать подходящий дизайн. Шаблоны, доступные в бесплатной версии, имеют отметку «БЕСПЛ.»

Выбор дизайна видеопубликации

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

Чтобы посмотреть анимацию, нажмите кнопку «Включить»

Вторая часть— статичная, доступная для изменения. В данном случае вторая часть состоит из надписей.

Выделите текст, чтобы начать его редактировать

Готовую работу можно скачать в формате mp4, нажав на кнопку «Скачать» или поделиться в социальных сетях при помощи кнопки «Поделиться».

Пример анимированного поста

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

Достоинства сервиса Crello:

1. Выбор различных форматов дизайна для соцсетей (Facebook, Instagram, Twitter, Youtube, Tumblr), рекламные баннеры.

2. Анимированные посты по готовым шаблонам формата 1080х1080 пикселей.

3. Возможность загружать свои видео и добавлять надписи.

4. Возможность загружать свои картинки (до 100 шт. бесплатно).

5. Коллекция кириллических шрифтов и возможность загружать свои шрифты (1 шрифт в бесплатной версии).

6. Выбор языка интерфейса (включая русский и украинский).

7. Доступ к стоковым картинкам (по 0,99 долларов за штуку).

Недостатки:

1. Ограниченный выбор шаблонов.

2. Создание анимации не по шаблонам доступно только для платного аккаунта.

3. Фотографии и фотофоны доступны только платно.

Стоимость версии про — 19,99$ в месяц и 199,99$ в год.

Видеоинфографика

Самый удобный, простой и функциональный сервис для создания видеоинфографики — Powtoon.

Это может быть:

1. Рассказ об истории компании.

2. Обзор особенностей и возможностей вашего продукта.

3. Обучающий ролик.

4. Реклама продукта или услуги.

5. Поздравление.

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

Выбирайте тип видео, который хотите создать. Я рассмотрю работу с сервисом на примере видеоинфографики, но по такой же схеме вы можете работать и с другими доступными видеоформатами.

Выбор категории видео

Далее находите интересующую категорию шаблона.

Выбор категории

После чего выбирайте сам шаблон. Переключитесь в режим Create, чтобы иметь возможность вносить изменения не только в текст, но и добавлять или удалять изображения.

Переключение в режим Create

Вы легко можете составить свое видео не по шаблону, а с нуля, как это сделала я. Для этого на первом этапе нажмите кнопку Blank Powtoon и выберите вид видео.

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

Правое меню Powtoon (слои для подобной gif-анимации можно сделать в Canva или Picktochart, а затем создать gif в специальном онлайн-сервисе)

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

Работа с временной шкалой (сделано в Powtoon)

Результат может выглядеть так (включите звук).

Видеоинфографика, созданная в Powtoon

Достоинства сервиса Powtoon:

1. Возможность создавать свои видеоинфографики и видео, используя элементы, в том числе анимированные.

2. Выбор шаблонов различных категорий.

Недостатки бесплатной версии:

1. Ограниченный выбор шаблонов.

2. Невозможно скачать результат на компьютер, а только загрузить на Youtube или в Фейсбук.

3. Максимальное разрешение файла 720p.

4. Большой логотип сервиса, который может закрывать часть контента страницы.

Стоимость платной версии: 79-197$ в месяц, 198-1188$ в год (в зависимости от плана).

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

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

Где черпать вдохновение

Несколько ссылок, где можно черпать идеи и вдохновение для своей инфографики.

Прежде всего, это галереи самих сервисов:

Галерея Canva.

Галерея Picktochart.

Галерея Powtoon.

Инфографика на новостных сайтах:

РИА «Новости»

Инфографика ТАСС

Вести. Ru

Другие источники:

Журнал «Инфографика», целиком составленный из инфографики.

Статистическая инфографика на сайте ВЦИОМ

Также большое количество идей вы найдете на сайте Pinterest по запросу «Инфографика».

Успехов в творчестве!

Если Вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter

Полезно знать

06.03.2014

«Ценность инфографики заключается в том, что она

позволяет представить серьезный объем полезной

или важной информации для пользователя в максимально

удобном и простом виде»,

Алексей Новичков, руководитель отдела

инфографики РИА-Новости

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

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

Что такое инфографика

Инфогра́фика (от лат. informatio — осведомление, разъяснение, изложение; и др.-греч. γραφικός — письменный, от γράφω — пишу) — способ передачи информации c помощью графики и текста. Инфографика может использоваться в любой научной или профессиональной сфере, где есть необходимость схематизации материала: в ряде естественных и гуманитарных наук, в рекламе, маркетинге, журналистике, статистике и во многих других областях знаний.

Чтобы легко и быстро можно было понять, что же такое инфографика, посмотрите короткое и увлекательное видео на эту тему:


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

Виды инфографики

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

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

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

3) Инфографика-инструкция. Объяснение устройства, принципа работы + реконструкция события. Многие компании сегодня имеют интранет, внутренние системы оптимизации бизнес-процессов, в которых должностные инструкции изображены не в словах, а в схемах, наглядно демонстрирующих поведение сотрудников в тех или иных ситуациях

4) Динамичная инфографика показывает динамику развития или процесс. К примеру, если вам необходимо отобразить или сравнить, сколько рабочих участвовали в постройке здания в начале, в середине застройки, либо, сколько инвестиций потребовал проект на различных этапах реализации.

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

Наглядный пример видео-инфографики.

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

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

8) Event-инфографика. Любое бизнес или имиджевое мероприятие не проходит без демонстрации фактов или основных сообщений. Уместите их на один лист, представьте в цифрах и вы сразу же заметите, что это действительно работает.

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

Примеры инфографики

Приведем основные примеры инфографики и кратко прокомментируем их:

Самый простой вид инфографики — статичная. Факты скомпанованы в графики, диаграммы, снабжены ярким цветовым сопровождением. Минимум символов, картинок.

Динамическая инфографика. Показаны сравнительные характеристики, фактическая информация. Визуализированы основные объекты и субъекты.

Презантационная инфографика. Использование подобной инфографики на деловых мероприятиях всегда оправдана высокой эффективностью и презентабельностью.

Инструкция, схема работы. Инфографика.

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

Пример использования инфографики во время презентации.

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

• Числа в картинках: наиболее распространённая категория, которая позволяет сделать числовые данные более удобоваримыми,

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

• Процесс и перспектива: служит для визуализации сложного процесса или предоставления некоторой перспективы. Может вообще не содержать числовых данных.

По способу отображения инфографика подразделяется на следующие виды:

• Статичная инфографика— одиночные изображения без элементов анимации,

• Динамическая инфографика— инфографика с анимированными элементами. Основными подвидами динамической инфографики являются видеоинфографика, анимированные изображения, презентации.

По типу источника различают 3 основных вида инфографики:

• Аналитическая инфографика— графика подготавливаемая по аналитическим материалам. Наиболее часто используется экономическая инфографика: аналитика проводится исключительно по данным экономических показателей и исследований,

• Новостная инфографика— инфографика, подготавливаемая под конкретную новость в оперативном режиме,

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

Новости инфографика

В Петербурге с января 2011 года редакцией ООО «Манифест» начал выпускаться специальный журнал «Инфографика». Журнал выходит тиражом в 80 000 экземпляров. В первых числах каждого месяца свежий номер журнала можно бесплатно приобрести в некоторых московских петербургских ресторанах, кафе и культурных центрах (Галерея братьев Люмер). Журнал содержит только свежие шедевры инфографики – никакого текста. Ежемесячно редакция журнала находит интересные познавательные темы и представляет их в виде инфографики. Это может быть статья о том, как выбрать велосипед, или инфографика о фазах сна. Реклама в журнале также может быть представлена в виде инфографики.

За новостями журнала удобно следить в сообществе «Инфографика» в Фейсбуке и Контакте. Некоторые номера журнала выложены на посвященном инфографике сайте Инфогра. Часто можно неплохая инфографика встречается в газете «New Times».

Сегодня рассматриваемый метод изложения информации превратился в настоящее искусство. Любители могут найти немало интересных примеров в журналах по графическому дизайну. Специалисты и неспециалисты все чаще объединяются в сообщества, отдельные группы которых уже появляются на просторах социальных сетей — такие группы можно найти как во VKontakte, как например, эта http://vk. com/infographics, так и в Facebook — Pinfographics. Что говорить, настоящий рай для визуализаторов — визуальные социальные сети Pinterest, Instagram. Набрав ключевое слово или хэштэг инфографика, вы попадете в совершенно иной мир и сможете быстро найти то, что вам нужно.

Инфографика бизнес

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

Создание инфографики

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

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

Если Вас интересует стоимость инфографики, Вы можете связаться с нашими менеджерами по телефону: +7 (495) 669 50 61 или уточнить детали по электронной почте: info(at)comagency.ru. Будем рады ответить на ваши вопросы.

Как устроена инфографика: 5 важных деталей

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

Инфографика позволяет узнать за 5 минут то, на что потребовалось бы полдня изучения таблиц и оценок экспертов. Аналитики и дизайнеры упаковывают информацию в историю или понятно объясняют какой-нибудь сложный процесс. Это не просто картинки и диаграммы, а полноценный графический рассказ. Сложную инфографику делает команда, но иногда приходится преодолевать этот путь одному. Объясняем, как всё устроено.

Работа над инфографикой

Таблица Эксель, которую перевели в вид диаграммы — это визуализация информации, но еще не инфографика. Она складывается из трех вещей:

• данные;
• история;
• форма \ подача.

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

Достоверные цифры, статистика, данные опросов — чем больше материалов, тем выше шанс, что в них есть интересные закономерности. А это уже история.

Хорошая история должна быть понятной и в логике зрителя

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

Любая сфера содержит данные, которые можно показать как графическую историю. Я решила разобраться, как это сделать, и пошла на курс инфографики.

40 000 страниц текста. Придумать историю и отсечь лишнее

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

Следующий шаг — это поиск нужных данных и статистики. Проблема в том, что найти в открытых источниках эти материалы бывает сложно. Можно брать результаты исследований с сайтов Левада-Центр, ФОМ, Росстат. Еще удобно пользоваться специальным поиском в Гугл. Я искала всеми этими способами и получила 20 листов А4 одного только текста. А ведь были еще схемы, графики и иллюстрации.

Специальный поиск в Google

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

Инфографика — это сюжет. Нашел историю — выбирай главное и отсекай лишнее

Авторское право: где брать изображения для своей инфографики

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

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

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

Иконки я искала на Noun Project. Когда скачиваете символ, вам предлагают два варианта: либо забираете иконку бесплатно и используете только в творческих целях, либо покупаете для коммерческих проектов.

Одна иконка стоит 2 доллара, месячная подписка на все коллекции — 4 доллара, или можно купить доступ на год за 40. За эти деньги вы получаете лицензию типа Royalty-Free. Это значит, что иконку нельзя использовать в логотипе или выдать за свою работу, но вы можете изменять ее вид и вставлять в разные проекты без ограничений.

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

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

Лицензия с минимальными ограничениями это Creative Commons: CC-BY. Она позволяет использовать чужую работу как угодно при условии, что вы указываете авторство.

Воровать плохо. Пишите авторам, пользуйтесь стоками или покупайте права

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

Когда данные собраны и придумана история, можно подумать о форме. Многие сервисы позволяют создать инфографику онлайн в три клика. Например, Piktochart. Бесплатно доступны несколько шаблонов — в них вы упакуете свои цифры и тексты. Такую работу можно вставить в презентацию или блог.

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

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

Где публикуют инфографику

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

Любая статистика, политические и общественные события могут быть отражены в инфографике

Хороший пример — это президентские выборы в США. Даже если вы не следите за новостями, сложно увернуться от заголовков и графических работ об этом. Сильнейшие зарубежные студии инфографики работают в The New York Times, Bloomberg, The Washington Post, The Guardian.

Примеры классной инфографики:

• подборка 16 работ, которые сделала редакция The Washington Post в 2016 году.
• интересная инфографика на панорамном фото о том, как Усейн Болт выиграл свое «золото».

• работы информационного агентства ТАСС.
• лонгрид о Пушкине и его последней дуэли, где есть интерактивная инфографика

Хорошие работы полезны тем, что в них можно подсмотреть решения для своих проектов. Я стараюсь понять, что сделано хорошо и что можно было бы улучшить в тех примерах, которые вижу. Если работа чем-то вам интересна, это повод изучить ее внимательнее.

Чем больше хороших работ вы смотрите, тем лучше

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

Источник: spark.ru

что это такое, как ее сделать, примеры и программы для создания

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

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

Подпишись на рассылку и получи книгу в подарок!

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

Больше видео на нашем канале — изучайте интернет-маркетинг с SEMANTICA

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

Виды инфографики

В ней используются разные средства визуализации:

• графики;
• изображения;
• диаграммы;
• таблицы;
• карты;
• схемы.

Для чего используется

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

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

Как создать хорошую инфографику

Сделать это можно заплатив специалистам, но также можно попробовать сделать ее самостоятельно. Для этого нужно знать основные принципы ее создания:

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

При создании инфографики поставьте перед собой задачу – быстро и кратко передать основные тезисы статьи. В одной картинке старайтесь размещать минимум информации.

Хорошая инфографика должна быть большой, четкой и кликабельной, чтобы ее можно было развернуть на весь экран. Текст нужно размещать просторно и в тоже время неограниченно. Стоит уделять особое внимание дизайну. Для этого используйте указатели, графические эффекты, геометрические фигуры.

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

Сервисы и программы для создания инфографики

Есть несколько популярных сервисов:

• Piktochart.com – сервис, трансформирующий информацию в визуальные истории. Является самым легким в использовании. Из преимуществ – функция автономной настройки инфографики, большой выбор тем для дизайна и возможность наложить логотип.
• Creately.com – инструмент, позволяющий легко создавать диаграммы и схемы. Есть возможность выбрать подходящую диаграмму и наложить на нее свои данные, чтобы получилась совершенно новая диаграмма или график.
• Infogr.am – новая программа, активно внедряющая невероятные возможности. Отлично подходит для создания бесплатных диаграмм и инфографики.
• Visual.ly – сервис, позволяющий генерировать между собой сразу несколько инфографик.
• Fluxvfx – инструмент, который позволяет создавать видеоинфографики.
• Vizualize.me – создает проекты для резюме.

Примеры

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

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

Тему можно выбрать любую. Это подтверждает следующая достаточно шуточная картинка.

Если тема позволяет, то не стоит упускать возможность использовать что-то смешное и веселое. Как правило, картинки с забавными изображениями и шуточным текстом пользуются большой популярностью.

9 видов инфографики для PR-целей: лайфхаки, примеры и бесплатные инструменты

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

1. Статистическая инфографика

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

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

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

2. Инфографика «Таймлайн»

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

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

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

3. Инфографика «Карты»

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

Лайфхак
Если вы создаете инфографику для другой страны, убедитесь, что там используется карта мира в том же виде, что и у вас. Например, на картах мира в США Америка находится посередине, а Россия разделена на две части. Карта мира в Австралии перевернута (если смотреть с нашей точки зрения), а Антарктида там вообще отсутствует.

4. Инфографика «Иерархия»

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

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

5. Инфографика «Матрица»

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

6. Инфографика «Алгоритм»

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

if(!is_preview()) { ?>

Нужны публикации в СМИ?

Как быстро познакомиться с журналистами, пишущими на вашу тему, и организовывать публикации в СМИ бесплатно?

Как это работает

} ?>

7. Фото-инфографика

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

Лайфхак
Фото-инфографикой, например, можно украсить интерьеры. Это не просто фотография и не просто плакат, это два в одном! Ее будет интересно разглядывать и сотрудникам, и клиентам, приехавшим к вам в офис.

8. Инфографика «Сравнение»

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

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

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

9. Инфографика «Исследование»

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

Смотрите также:
6 шагов по созданию крутой инфографики для PR-задач

if(!is_preview()) { ?>

Виртуальный пиарщик

Поможет наладить работу со СМИ без своего пиарщика или агентства

Увеличит число упоминаний о вашей компании

Обойдется в 2-3 раза дешевле

Как это работает

} ?>

5 лучших бесплатных инструментов для создания инфографики

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

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

1. Canva

Пожалуй, наш любимый сервис Canva. Более 1 млн изображений, включая шаблоны для инфографики, понятный русифицированный интерфейс.

2. Piktochart

Инструмент Piktochart позволяет создавать не только инфографику, но и презентации, отчеты, флайеры и постеры (впрочем, как и Canva). На бесплатном тарифе можно делать неограниченное количество иллюстраций разного типа, доступно более 4 тыс. изображений и иконок. Готовые иллюстрации можно сохранять, а также постить в соцсетях.

“Как бесплатно продвигать бизнес с помощью СМИ”

10 кейсов о росте трафика, продаж, продвижении…

Скачать книгу бесплатно

3. Infogram

Здесь в Infogram можно создавать схемы, карты и графики, а также заливать собственные фото и видео для дальнейшего использования в инфографике. Бесплатно доступно 37 шаблонов графиков и 13 карт, публикация инфографики онлайн на вашем сайте с помощью встраиваемого кода.

4. Easel.ly

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

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

5. ZippyPixels

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

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

8 типов инфографики | by Aida Pacheva

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

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

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

1. Инфографика-сравнение

Когда исходные данные просты (с точки зрения своей структуры), принадлежат к одному типу и наша задача — сравнить их между собой, наглядно отобразив их соотношение.

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

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

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

9 великолепных примеров дизайна инфографики (плюс советы по созданию собственного)

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

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

9 лучших примеров дизайна инфографики

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

1) Сбалансированный блог LinkedIn

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

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

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

Совет от профессионала: Возьмите пример LinkedIn и измените свой дизайн. Легко застрять в одном и том же стиле инфографики, но не нужно повторять одно и то же снова и снова. Вот 7 различных стилей инфографики, от фотографии до штрихового рисунка, с которыми можно поэкспериментировать. Вы также можете вдохновиться этими минималистичными примерами дизайна инфографики.

2) The Sound Of Color от Kelly-Moore Paints

Выбор правильного цвета — непростая задача, независимо от того, покупаете ли вы новую машину или украшаете детскую.Kelly-Moore Paints знает это, поэтому им пришла в голову блестящая идея: почему бы не выбрать цвет, основанный на вашей любимой музыке? Это новый и интересный способ продемонстрировать свои знания в области цвета, но, что самое главное, это красивая инфографика.

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

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

3) Boulder Is For Fun by AppliedTrust

Вы не можете получить сводку инфографики примеры дизайна без какой-либо карты. (Мы почти уверены, что это может быть закон.) Эта инфографика от AppliedTrust представляет собой путеводитель по природным тропам Боулдера, штат Колорадо, и оставляет у нас серьезную страсть к путешествиям.

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

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

4) Углеводы убивают вас от Massive Health

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

Эта инфографика отлично помогает читателю пройти через довольно сложный процесс, но при этом сохраняет один вывод: жиры не делают нас толстыми; углеводы делают.Более того, визуальные ученики могут вставать и аплодировать четкому стилю иллюстрации, который его сопровождает.

Совет от профессионалов: Отличный дизайн — ключ к успеху вашей инфографики. Узнайте, как избежать 15 самых распространенных ошибок в дизайне инфографики. (Если вам нужна дополнительная инфографика, связанная со здоровьем, у нас есть что посмотреть.)

5) Всемогущий доллар от журнала GOOD

Отличный дизайн инфографики начинается с уровня содержания, особенно когда вы рассказываете историю через данные.

Эта инфографика, созданная компанией GOOD, исследует уровни доходов среди различных религиозных групп в Соединенных Штатах. Благодаря непредвзятому подходу он отлично справляется с задачей визуального представления данных в простой форме — осторожно открывая разговор на несколько щекотливую тему.

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

6) Как маркетологи создают и используют контент с помощью NewsCred

Не вся инфографика должна быть статичной. Инфографика NewsCred (или infoGIF) доказывает это, поскольку творчески визуализирует результаты опроса бренда.

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

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

7) Поднимитесь к новым высотам в контент-маркетинге by Captora

Хорошая инфографика может улучшить любой объект, как показано в этом тяжелом фоторепортаже.

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

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

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

8) Лирическое хорошее время цифрой

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

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

(Иллюстрации — отличный способ повествования в инфографике.Вы также можете взглянуть на эту серию Course Hero, в которой визуализируются известные романы.)

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

9) Увидеть зеленый по цифре

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

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

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

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

Как улучшить инфографику

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

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

101 Лучшие примеры инфографики для начинающих (список 2021 г.)

Мы создали огромный список из 101 примеров инфографики для начинающих с инфографическим дизайном. Этот список даст вам все необходимое для создания красивой инфографики.

Мы разделили инфографику, включенную в наш список, на 19 категорий. Выберите категорию, которая лучше всего соответствует вашим потребностям, и найдите подходящую инфографику.

101 Лучшие примеры инфографики для начинающих

Категория №1: Лучшие примеры инфографики о стартапах

Категория № 2: Лучшие образцы инфографики по графическому дизайну

Категория № 3: Лучшие образцы инфографики по образованию

Категория № 4: Лучшие образцы инфографики по технологиям

Категория № 5: Лучшие примеры инфографики о блогах

Категория № 6: Лучшие примеры инфографики в социальных сетях

Категория № 7: Лучшие примеры инфографики по презентации

Категория № 8: Лучшие примеры инфографики об изменении климата

Категория № 9: Лучшие примеры инфографики о кулинарии

Категория № 10: Лучшие примеры инфографики о здоровье

Категория № 11: Лучшие примеры инфографики по экономике

Категория № 12: Лучшие примеры инфографики по истории

Категория № 13: Лучшие примеры инфографики по маркетингу

Категория № 14: Лучшие примеры инфографики по науке

Категория № 15: Лучшие примеры инфографики о производительности

Категория №16: Лучшие примеры инфографики для разработчиков

Категория № 17: Лучшие практические примеры инфографики

Категория № 18: Лучшие примеры инфографики на инфографике

Категория №19: Лучшие примеры инфографики о путешествиях

Категория №1: Лучшие примеры инфографики о стартапах

1.12 правил Марка Кубана для стартапов

Источник изображения

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

2. Почему женщинам следует покупать предприятия

Источник изображения

Брокер и владелец бизнеса Марк Дауст создал инфографику «5 причин, по которым женщины-предприниматели должны рассмотреть возможность покупки бизнеса» для Предприниматель , побуждая женщин вкладывать средства в бизнес.

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

3. Одна корова описывает 8 бизнес-моделей

Источник изображения

Компания Business Backer, занимающаяся финансовыми решениями, проиллюстрировала восемь бизнес-моделей в творческой и необычной манере, используя корову и молоко, чтобы объяснить, как различные взаимодействия образуют различные схемы.

Уникальное сообщение берет скучную концепцию и представляет ее таким образом, чтобы привлечь внимание и воображение читателей.

4. 10 основных принципов предпринимательства

Источник изображения

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

5. Занимающийся предприниматель

Источник изображения

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

Нужна мотивация, чтобы начать свой собственный режим упражнений? Посмотрите, как Ричард Брэнсон, основатель Virgin Media Group, бегает, поднимает тяжести, плавает, занимается йогой и даже находит время для кайтсерфинга.

Лучшая инфографика по графическому дизайну

6. Термины, которые следует знать при проектировании

Источник изображения

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

7. Тенденции дизайна электронной почты в 2017 году

Источник изображения

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

Дизайн изобилует информативными и полезными советами, а различные тенденции дизайна электронной почты четко очерчены и красочно представлены.

8.Визуальная сеть: история любви

Источник изображения

Яркая инфографика

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

9. Прогнозы дизайна логотипа на 2017 год

Через HubSpot

Онлайн-генератор логотипов Logaster разработал увлекательную инфографику «13 тенденций в дизайне логотипов, на которые следует обратить внимание в 2017 году» и проиллюстрировал 13 прогнозов тремя изображениями одинакового размера в параллельной структуре.

10. Основные принципы проектирования

Через Pinterest

Эта инфографика, ориентированная на аудиторию графических дизайнеров-любителей, была создана Red Website Design и четко определяет основные принципы дизайна, такие как типографика, иерархия и цвета.

11. Полезные инструменты веб-дизайна

Через Pinterest

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

Лучшие примеры инфографики по образованию

12. Уроки бедности

Через Visual.ly

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

13. Образование в США против всего мира

Источник изображения

USC Rossier Online опубликовал инфографику, иллюстрирующую расходы на образование в Соединенных Штатах по сравнению с другими странами по всему миру.

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

Дизайн вызывает доверие благодаря приложению внизу, а также списку источников.

14. «Особенный» в Специальном издании

Источник изображения

Редакторы Masters in Special Education создали одну из наших любимых инфографик, «Специальное издание в специальном редакторе», которая знакомит зрителей с деликатной темой с помощью привлекательных изображений, которые наглядно представляют факты и статистику.

Кто знал, что так много самых известных имен в истории попали где-то в спектре аутизма?

15. Почему TED — отличное место для онлайн-обучения

Через инфографику электронного обучения

Все мы знаем, что TED стал очень популярным в онлайн-обучении. Известные лекции организации с участием экспертов в постоянно расширяющемся диапазоне областей — самая популярная в мире серия онлайн-лекций.

В инфографике с сайта onlineclasses.org представлены факты, объясняющие, насколько популярны выступления TED Talks и почему они так привлекательны для аудитории.Он также наглядно отображает анатомию выступления на TED Talk, подробно описывая общие черты самых популярных динамиков TED.

16. Наука о дизайне классной комнаты

Источник изображения

Да, на самом деле за дизайном классной комнаты стоит наука. Эта полезная инфографика, составленная онлайн-преподавателем USC Rossier Online, показывает, как небольшие изменения в планировке класса могут существенно повлиять на успеваемость и вовлеченность учащихся.

Лучшие примеры инфографики по технологиям

17.Анатомия профессионального веб-сайта

Источник изображения

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

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

18. Что происходит за одну минуту Интернета?

Источник изображения

Что на самом деле происходит за минуту интернета? Трудно представить себе истинный масштаб бесконечной веб-активности в мире, но именно это и делает эта инфографика от Domo.

Дизайнер сделал смелый выбор, создав изображение в круглом формате, который соответствующим образом символизирует 60 секунд на часах.

19. График развития технологий будущего

Источник изображения

Монохромная инфографика «Грядущие события» из футуризма иллюстрирует временную шкалу технологий будущего. Дизайн включает классическую шкалу времени с точками, представляющими даты различных событий, но привлекает аудиторию простыми изображениями, описывающими каждый момент времени.

20. Товарная: 2040

Источник изображения

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

21. Первые шаги в Интернете

Источник изображения

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

Лучшие примеры инфографики в блогах

22. Руководство по созданию привлекательного контента

Через Visual.ly

Команда Visual.ly профессионально проиллюстрировала «Пошаговые инструкции по написанию следующего фрагмента контента» Хэндли в увлекательной инфографике. Мультяшные изображения воплощают 12 шагов автора в жизнь, а дизайн с полужирными заголовками выделяет каждый пункт со страницы.

23. Пособие по контент-маркетингу

Источник изображения

Яркая инфографика

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

24. Содержание Земля

Источник изображения

Уникальная инфографика

Marketo иллюстрирует путешествие по миру визуального контента в виде точек в настольной игре.Читатели исследуют этот вымышленный мир по пути, который переплетается между землями тем, освещенных статистикой и профессиональными советами.

25. Как продвигать свой блог

Источник изображения

На главный вопрос каждого блогера отвечает ярко иллюстрированная инфографика от Crazy Egg. Смелая статистика привлекает внимание к дизайну, который структурирован так, чтобы выделить полезные советы по ведению блога.

26. Миксология контент-маркетинга

JBH — Контент-агентство

Проиллюстрировать различные элементы идеальной контент-стратегии, не теряя читателей из-за монотонности, — непростая задача, но команда JBH справилась с этой задачей, разработав «Миксологию контент-маркетинга.”

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

27. Состояние демографии социальных сетей

Источник изображения

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

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

28. Как создать канал на YouTube

Источник изображения

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

29. Как использовать социальные сети для B2B

Источник изображения

В популярном дизайне

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

30. Как создавать идеальные сообщения

Источник изображения

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

Myclever создал полезную инфографику, которая наглядно иллюстрирует советы по достижению успеха в Facebook, Twitter, YouTube, Instagram и шести других популярных социальных сетях, а также удобный график на лучшее время для публикации в каждой из них.

31. Рекомендации по размещению сообщений в социальных сетях

Источник изображения

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

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

Лучшие примеры инфографики по презентации

32.Как собрать презентацию убийцы

Источник изображения

London Speaker Bureau предоставляет читателям наглядное руководство по созданию потрясающих презентаций. В нем обобщены важные советы, которые часто упускаются из виду при подготовке к творческой презентации.

33. 10 полезных советов по языку тела

Через предпринимателя

Библиотекарь Line Wolf разработал красивую инфографику, используя безупречную цветовую комбинацию синего и оранжевого цветов.Дополнительная палитра создает возбуждающий эффект, демонстрируя 10 поз тела, которые создают выигрышную презентацию.

34. Ted Talks That Teach Public Speaking

Источник изображения

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

35.Что можно и нельзя публичных выступлений

Источник изображения

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

36. 7 разговорных привычек, чтобы звучать умнее

Источник изображения

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

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

Лучшие примеры инфографики об изменении климата

37. Как поговорить с климатическим скептиком

В нынешней атмосфере альтернативных фактов иногда единственный способ опровергнуть нелепый аргумент — это достоверные данные. Эта видеоинфографика от GOOD Worldwide иллюстрирует циклы потепления и похолодания на Земле за последние 400 тысячелетий.

38. Экономика перехода на «зеленый»

Источник изображения

Visual.ly создал великолепную инфографику для Huffington Post, которая наглядно иллюстрирует истинную стоимость возобновляемых источников энергии. Простые изображения используются для визуального объяснения используемых денежных показателей, а статистика выделяется крупным шрифтом.

39. Дебаты о глобальном потеплении

Источник изображения

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

40. 1 001 Лето в стремительном будущем

Источник изображения

Не уверены, что глобальное потепление — реальная проблема? Креативная инфографика Climate Central может убедить вас в обратном.

Интерактивная карта предлагает читателям выделить любой из 1001 американского города, чтобы сравнить текущие средние летние температуры с условиями, прогнозируемыми на 2100 год, если текущие тенденции выбросов сохранятся.Результаты просто поразительны.

Здесь вы можете зайти и поработать с инфографикой самостоятельно.

41. Четыре инфографики о здоровье климата

Источник изображения

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

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

42. Источники энергии будущего

Источник изображения

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

Лучшие примеры инфографики по кулинарии

43.Сочетания вина и сыра

Источник изображения

Инфографика

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

44. Знай свои ножи

Источник изображения

Правильный нож — незаменимый инструмент для поваров любого уровня подготовки.Компания Nisbets Catering Equipment Supplies поделилась этой полезной инфографикой, которая графически иллюстрирует каждый из 11 распространенных кухонных ножей, а также описывает его особенности и использование.

45. Это для того

Источник изображения

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

46. Шпаргалка по кухне

Источник изображения

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

47. Руководство по созданию 36 кухонь мира

Источник изображения

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

48. Основное руководство по кулинарному маслу

Источник изображения

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

Лучшие примеры инфографики о здоровье

49. Как оставаться в форме, когда ты занят

Источник изображения

Precision Nutrition представляет серию советов по фитнесу в красочной и информативной инфографике.Анатомический рисунок иллюстрирует различные части тела, которым помогает 10-минутный распорядок, и каждое упражнение проиллюстрировано для понимания читателями.

50. Ломая плохие привычки в еде

Источник изображения

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

51. Как загрязнение воздуха влияет на ваше здоровье

Источник изображения

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

52. Сила растений

Источник изображения

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

53. Побочные эффекты лишения сна

Источник изображения

Эта смелая инфографика, созданная Sure Payroll, освещает множество фактов и статистических данных, подтверждающих важность сна. Основные значки и штриховка используются для визуального описания размеров групп, а крупная типографика используется для выделения фигур.

54. Спи или умри

Источник изображения

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

Лучшие примеры инфографики по экономике

55. Спрос и предложение

Источник изображения

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

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

56. Жизнь во время Великой депрессии

Источник изображения

Чтобы помочь сегодняшним студентам понять, что пережили американцы во время Великой депрессии, The Money Project разработала инфографику, полную реальных фотографий того периода, а также ряд диаграмм, отражающих экономические условия.

Серая цветовая схема инфографики помогает передать мрачную картину того периода.

57. Психология бедности

Источник изображения

Эта подробная инфографика наглядно отображает различные психологические последствия бедности для отдельных людей и общества.

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

58. Почему колеблются цены на нефть

Источник изображения

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

59. Повесть о двух коровах

Источник изображения

Visual.ly разработал инфографику, иллюстрирующую анекдот 70-летней давности. Но это не была легкомысленная шутка или юмористическая загадка.

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

60. История денег

Источник изображения

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

Лучшие примеры инфографики по истории

61. Взгляд на время

Источник изображения

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

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

62. Запрет по номерам

Источник изображения

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

63. История общения

Источник изображения

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

64. История инфографики

Источник изображения

Читатели любят инфографику об инфографике, и этот ультраинформативный дизайн от Easel.ly иллюстрирует тысячелетнюю историю. Дизайн не только иллюстрирует его временную шкалу, но и его структура привлекает внимание читателей от начала до конца, сверху вниз.

65.История Daft Punk

Источник изображения

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

66. Картирование величайших империй в истории

Источник изображения

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

Лучшие примеры инфографики по маркетингу

67. 2017 Цифровые тенденции

Источник изображения

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

69. Современные принципы маркетинга

Источник изображения

Компания

Olive and Company разработала эту инфографику, полную данных, чтобы наглядно объяснить восемь столпов современного маркетинга. Жирные и обведенные цифры отображают различные статистические данные, а каждая концепция отмечена красочными полями.

70 2017: Год видеомаркетинга

Источник изображения

Компания

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

71. Полное руководство по SEO-дружественным URL-адресам

Источник изображения

Backlinko и Ignite Visibility объединились, чтобы составить советы по созданию URL-адресов с более высоким рейтингом. Общая мудрость и советы отображаются в красочной инфографике, которая иллюстрирует различные стратегии с помощью имитационных снимков экрана.

72.Тенденции в социальных сетях, 2017 г.

Источник изображения

Компания

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

73. Тенденции в области SEO, на которые следует обратить внимание в 2017 г.

Через Pinterest

От возросшей важности разметки схемы до более длинных фрагментов, возможные изменения в ландшафте SEO прогнозируются в инфографике «Тенденции SEO, на которые следует обратить внимание в 2017 году.»Каждый раздел выделен разным цветом, а простые диаграммы и диаграммы используются для иллюстрации наиболее важных элементов.

Лучшие примеры инфографики по науке

74. Самые странные планеты Вселенной

Источник изображения

Яркая инфографика

Futurism описывает 40 самых странных планет Вселенной, включая Землю и Марс, с информацией от НАСА и серией красочных изображений.

75.Планеты Судьбы

Источник изображения

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

76. Физика ставит в тупик ученых

Источник изображения

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

77. Так ты хочешь жить вечно?

Источник изображения

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

78. Как образовался атом

Источник изображения

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

Лучшие примеры инфографики по производительности

79. 15 способов победить промедление

Через предпринимателя

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

80. Как использовать перерывы для повышения продуктивности

Источник изображения

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

81. Ритуалы успешного предпринимателя

Через предпринимателя

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

82. Как мы работаем безумно

Источник изображения

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

Лучшие примеры инфографики для разработчиков

83. Необходимые инструменты для веб-разработчиков

Источник изображения

В этой красочной инфографике

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

84. Как стать веб-разработчиком

Источник изображения

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

85. Разработчики в мире

Источник изображения

Эта инфографика Vision Mobile наглядно объясняет демографические характеристики индустрии веб-разработки, состоящей всего из 100 участников.Для каждой категории 100 значков отображают общую группу, а цвет разделяет пол, национальность, языковую специализацию и другие характеристики рынка.

86. Жизнь девелопера

Источник изображения

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

87. Разъяснения по разработке программного обеспечения

Источник изображения

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

Лучшие практические примеры инфографики

88. Как мыслить визуально

Источник изображения

Инфографика

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

89. Как работать с трудными сотрудниками

Источник изображения

В этой юмористической инфографике

Towergate подробно рассказывает о том, как справляться с различными типами трудных сотрудников. Характеризуются комичные ситуации с проблемными сотрудниками с помощью информативных значков, обозначающих признаки, причины и решения.

90. Как принимать трудные решения

Источник изображения

Команда On Stride Financial знает, что принятие решений иногда бывает трудным.Вот почему он создал эту занимательную инфографику о том, как принимать самые сложные решения в жизни, от того, какую одежду надеть в любой день, до какой карьеры следовать.

Эффективный дизайн включает яркие изображения, иллюстрирующие полезные советы, а также удивительную статистику.

91. Как ухаживать за каждой тканью

Источник изображения

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

92. Как стать опытным пользователем Google

Источник изображения

Знаете ли вы скрытые советы и рекомендации, которые помогут вам улучшить работу с Google? В этой яркой инфографике Who Is Hosting This предлагает советы и подсказки, как получить максимальную отдачу от каждого поиска.

Лучшие примеры инфографики об инфографике

93. Самая популярная инфографика

Источник изображения

Используя Buzzsumo, Siege Media проанализировала 1000 самых распространенных инфографик 2015 года, чтобы определить, какие качества у них есть общего.Полученная инфографика наглядно объясняет, как контент-маркетологи могут создавать контент, которым можно поделиться.

94. Инфографика об инфографике

Источник изображения

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

95. Почему ваш мозг жаждет инфографики

Источник изображения

Компания

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

96. Большой список инфографики

Источник изображения

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

97. 10 общих черт вирусной инфографики

Источник изображения

Захватывающая инфографика

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

Лучшие примеры инфографики о путешествиях

98. Окна Нью-Йорка

Источник изображения

Проект графического дизайнера Хосе Гизара «Окна Нью-Йорка» — это прекрасно иллюстрированное произведение, представляющее различные архитектурные стили окон в Большом Яблоке.

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

99. 10 незаконных действий, которые вы можете делать за границей

Источник изображения

Знаете ли вы, что в Индии можно официально жениться на собаке? Или что в Испании можно гулять полностью обнаженным — в любом общественном месте?

Это лишь некоторые из странных вещей, которые могут сойти с рук, если вы находитесь в правильной стране, которые с юмором резюмированы в этой занимательной инфографике от Citybase Apartments.

100. Какая страна вам подходит?

Источник изображения

Вы когда-нибудь задумывались, родились ли вы не в той стране? Эта забавная блок-схема может подтвердить или опровергнуть ваши подозрения на основе ваших ответов для каждого из узлов диаграммы.

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

101. Страны и их кухни

Источник изображения

Некоторые из наиболее широко распространенных в наши дни инфографики предназначены не только для объяснения сложных предметов или визуализации достоверных данных.

Иногда они создаются для чистого развлечения, как эта инфографика от Sous Vide Tools, которая дает читателям визуальный тур по миру через 20 вкусных уличных блюд.

Готовы создать свою первую инфографику?

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

Часто задаваемые вопросы (FAQ)

Есть еще несколько вопросов о дизайне инфографики? Не волнуйтесь! У нас есть ответы.

1 кв. Что должна включать инфографика?

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

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

2 кв. Где сделать инфографику?

Вы можете легко создать инфографику в Интернете с помощью такого инструмента, как Visme, одного из наших шаблонов и нашего простого в использовании редактора инфографики.

3 кв. Какое программное обеспечение для инфографики самое лучшее?

Доступно множество программ для инфографики, таких как Canva, Venngage, Piktochart и Infogram, но лучшим программным обеспечением для инфографики является Visme.Вы можете создать бесплатную учетную запись за секунды и начать проектировать уже сегодня.

4 кв. Что является самой важной частью инфографики?

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

Q5. Как пользоваться инфографикой?

Инфографика

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

Q6. Как сделать бесплатную инфографику?

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

Q7. Что делает инфографику плохой?

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

Q8. Какой длины должна быть инфографика?

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

Что такое инфографика? Примеры, шаблоны, советы по дизайну

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

Но если вы новичок в мире дизайна, термин «инфографика» может быть вам чужд.

Вы могли бы задаться вопросом…

Сегодня я проведу для вас ускоренный курс по инфографике и инфографическому дизайну, чтобы ответить на все эти и многие другие вопросы. Я также покажу вам простые в редактировании шаблоны инфографики, которые вы можете настроить с помощью Venngage’s Infographic Maker.

БЕСПЛАТНОЕ СОЗДАНИЕ ИНФОГРАФИИ

Что такое инфографика? Определена инфографика:

Согласно Оксфордскому словарю английского языка, инфографика (или информационная графика) — это «визуальное представление информации или данных».

Но смысл инфографики гораздо более конкретен.

Инфографика — это набор изображений, диаграмм и минимального текста, который дает легкий для понимания обзор темы.

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

ПОЛУЧИТЬ ШАБЛОН

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

Но важно помнить, что визуальные эффекты в инфографике должны делать больше, чем просто возбуждать и увлекать. Они должны помочь нам понять и запомнить содержание инфографики, как видно из этой инфографики о чтении по ладони от Цзин Чжан:

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

СОХРАНИТЬ МОЕ МЕСТО

Почему используется инфографика?

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

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

Это означает, что инфографика может быть полезна практически в любой отрасли.

Маркетинговая инфографика

Маркетологи используют инфографику для повышения узнаваемости бренда и повышения вовлеченности:

ПОЛУЧИТЬ ШАБЛОН

Маркетологи могут использовать инфографику для:

Инфографика консультантов и фрилансеров

Консультанты используют инфографику временной шкалы для визуализации графика проекта и упрощения новых / отраслевых тем для своих клиентов:

ПОЛУЧИТЬ ШАБЛОН РАСПРОСТРАНЕНИЯ

Консультанты используют инфографику для:

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

Инфографика малого бизнеса и предпринимательства

Малые предприятия и предприниматели используют инфографику для охвата новой аудитории и повышения узнаваемости бренда:

ПОЛУЧИТЬ ШАБЛОН

ПОЛУЧИТЬ ШАБЛОН

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

Государственная инфографика

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

Источник

Некоммерческая инфографика

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

ПОЛУЧИТЬ ШАБЛОН

Некоммерческие организации используют инфографику для:

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

Образовательная инфографика

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

ПОЛУЧИТЬ ШАБЛОН

Нужно объяснить сложный процесс? Наша инфографика процессов может помочь наглядно продемонстрировать громоздкие процессы.

Инфографика

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

Как создать инфографику?

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

Наше пошаговое руководство по созданию инфографики — отличный ресурс.

Это видео-руководство также покажет вам, как создать инфографику всего за 5 шагов:

ПОПРОБОВАТЬ МЕСТО ВРЕМЕНИ

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

Вместо этого начните с создания схемы инфографики.

Организуйте свою информацию с помощью инфографики

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

Создайте схему инфографики из существующего контента, используя следующие 4 шага:

1. Определите ключевые моменты вашего контента
2. Определите заголовок, заголовки, подзаголовки и факты
3. Учитывайте длину абзацев и пунктов
4. Включите примечания для дизайнера

ПОЛУЧИТЬ ШАБЛОН

Если начать с схемы в этом формате, то весь остальной процесс проектирования пройдет гладко.

Для более подробного ознакомления с этим процессом, ознакомьтесь с нашим руководством по , как создать схему инфографики .

Выберите шаблон инфографики

Когда у вас есть план, вы готовы выбрать шаблон инфографики.

Готовые шаблоны инфографики (например, приведенный ниже) могут дать вам дизайнерское вдохновение, необходимое для создания инфографики. Может быть полезно даже использование их как отправной точки.

ПОЛУЧИТЬ ШАБЛОН

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

Но самое главное, вам нужно выбрать правильный тип шаблона инфографики для вашего контента.

Вы спросите, какие существуют типы инфографики?

Какие бывают типы инфографики?

В Venngage наша библиотека шаблонов инфографики разделена на 9 различных категорий:

1. Статистическая инфографика
2. Информационная инфографика
3. Инфографика временной шкалы
4. Инфографика процесса
5. Географическая инфографика
6. Сравнительная инфографика
7. Иерархическая инфографика
8. Инфографика списка
9. Инфографика резюме

В этом видео кратко описаны эти 9 типов инфографики и показано, когда их использовать:

Каждый тип инфографики предназначен для визуализации разного типа контента.

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

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

Статистическая инфографика , с другой стороны, больше ориентирована на числа, диаграммы и данные, например:

ПОЛУЧИТЬ ШАБЛОН

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

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

Выбор правильного типа шаблона для вашего контента — один из ключей к успешной инфографике.

Для получения полного описания каждого типа инфографики и того, когда их использовать, ознакомьтесь с этим руководством к 9 типам инфографических шаблонов .

Что делает дизайн инфографики эффективным?

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

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

Давайте рассмотрим некоторые передовые методы дизайна инфографики, которые помогут вам создавать столь же эффективные, сколь и красивые инфографики.

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

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

Даже такая простая вещь, как расположение и группировка элементов на странице, может повлиять на то, как наши читатели понимают нашу графику.

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

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

ПОЛУЧИТЬ ШАБЛОН

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

ПОЛУЧИТЬ ШАБЛОН

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

Хотите больше советов по организации информации в инфографике? Ознакомьтесь с нашим пошаговым руководством на , как обобщить информацию и представить ее визуально .

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

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

Так же, как линии и границы, цвета могут использоваться для обозначения группировки информации, как показано в примере инфографики бизнес-стратегии ниже:

ПОЛУЧИТЬ ШАБЛОН

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

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

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

ПОЛУЧИТЬ ШАБЛОН

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

Создание текстовой иерархии с тремя разными стилями шрифта

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

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

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

Шрифт заголовков разделов должен быть немного меньше и менее стилизован, но он все равно должен выделяться на странице.

Наконец, шрифт основного текста должен быть минимальным и не стилизованным. Он должен быть максимально легким для чтения.

Не знаете, как выглядит читаемый шрифт? Вот краткое справочное руководство по шрифтам, которые отлично подходят для основного текста:

ПОЛУЧИТЬ ШАБЛОН

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

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

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

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

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

ПОЛУЧИТЬ ШАБЛОН

Или, что еще лучше, создайте наглядные примеры каждого главного пункта инфографики, как показано в этом примере от Elle & Company:

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

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

Заключение

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

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

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

Чтобы получить дополнительную помощь по началу работы с вашей первой инфографикой, ознакомьтесь с этим руководством: Как создать инфографику за 5 шагов .

Не дизайнер? Без проблем. Создайте инфографику сегодня, используя наши простые в редактировании шаблоны и простой онлайн-редактор.

БЕСПЛАТНОЕ СОЗДАНИЕ ИНФОГРАФИИ

63 лучших инфографики

Лучшая инфографика: быстрые ссылки

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

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

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

Хорошо, готовы получить мета? Мы начнем с раздела инфографики, который объясняет все, о чем вам нужно знать… Инфографика.

Лучшая инфографика об инфографике

01. Что такое инфографика?

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено Бет Кантер)

Умное использование Lego позволило нам включить его в наш список лучшей инфографики. Он был создан Бет Кантер из Hot Butter Studio, специалистом по визуальному маркетингу, которая использовала его в своем блоге, и в нем объясняется, как обеспечение визуального порядка в данных может помочь вам и вашей аудитории сделать выводы и использовать их конструктивно.

02. Почему ваш мозг жаждет инфографики

Щелкните изображение, чтобы увидеть полную версию

Почему лучшая инфографика становится такой популярной? В этой интерактивной инфографике от NeoMam Studios рассказывается, что именно в них привлекает внимание. с некоторыми классными эффектами прокрутки параллакса.

03. Инфографика инфографики

Щелкните изображение, чтобы увидеть полную версию

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

Лучшая инфографика: исследуйте мир

04. Самый популярный художник в мире

Щелкните изображение, чтобы увеличить его (Изображение предоставлено Ken Bromley Art Supplies)

Кто ваш любимый художник? Фрида Кало, Ван Гог, Бэнкси … возможности охватывают страны и эпохи. Но вы когда-нибудь задумывались, связаны ли ваши увлечения с тем же художником, что и другие поклонники искусства в вашей стране? Этот набор визуализаций данных на основе искусства, созданный Ken Bromley Art Supplies, является одним из самых красивых, которые мы когда-либо видели.

05. Психология шрифтов и поп-культура

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено Vennage)

Как психологически влияет выбор шрифта на вашу аудиторию? Это то, что этот дизайн, созданный Venngage, намеревается изучить со ссылкой на некоторые из самых популярных шоу Netflix за последние годы. От короны до 13 причин почему, что типография каждого шоу говорит об их зрителях и какие настроения, жанры и тенденции они подчеркивают?

06.История жизни

Щелкните изображение, чтобы увидеть полную версию

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

07. Незнакомец со словами

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

08. 50 лет Доктору Кто

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено Сэмом Гибли)

Иллюстратор Сэм Гилби создал одни из лучших инфографиков поп-культуры за многие годы. И нам особенно понравился этот дизайн, созданный по заказу Virgin в ознаменование 50-летия Доктора Кто еще в 2013 году.

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

09. Хип-хоп

Щелкните изображение, чтобы увидеть полную версию

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

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

10. Oddity Viz

Щелкните изображение, чтобы увидеть полную версию

Обладатель награды Information is Beautiful, креативная визуализация Валентиной Д’Эфилиппо культового трека Боуи Space Oddity контрастирует с обширными, охватывающими весь жанр творениями Дороти, выбрав вместо этого идите узко и глубоко.

Д’Эфилиппо работала с исследователем Мириам Квик, чтобы собрать данные о треке, которые она затем визуализировала как серию из десяти 12-дюймовых дисков, каждый из которых деконструирует трек по-разному: в соответствии с мелодиями, гармониями, текстами песен и т. Д. структура, история и многое другое.

11. Анализ The Beatles

Щелкните изображение, чтобы увидеть полную версию

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

12. SWANH.NET

Щелкните изображение, чтобы увидеть полную версию

Лучшая инфографика делает все возможное, но эта — дополнительный световой год! Швейцарский иллюстратор Мартин Паншо адаптировал оригинальный фильм «Звездные войны» 1977 года «Новая надежда» в 123-метровое анимационное чудо. Созданный в Illustrator CC с использованием 157 изображений в 22 отдельных файлах, на его создание у него ушло больше года.

13. Большая систематика рэп-имен

Щелкните изображение, чтобы увидеть полную версию

Эта красочная инфографика исследует 282 известных рэпера в поразительных деталях.Наш любимый раздел? «Смелое написание»: с подкатегориями «Неправильное использование K» (эй, OutKast) и «Прилагательные с ошибкой» (это ты, Ludacris). Эта инфографика предоставлена ​​вам лабораторией Pop Chart Lab; компания, основанная редактором книг и графическим дизайнером, которые объединили свои усилия с одной скромной целью: представить весь человеческий опыт в форме диаграммы.

14. Великолепное множество пива

Щелкните изображение, чтобы увидеть полную версию

Разнообразие доступных сортов, марок и вкусов пива иногда может немного ошеломить.Так что может быть лучше для демонстрации классификации пива, чем с помощью инфографики? Еще одна инфографика от Pop Chart Lab, эта инфографика оказалась настолько большой (60×40 дюймов), что команде пришлось заручиться помощью другой типографии для выполнения работы. Будем надеяться, что после всей этой работы они нашли время, чтобы сходить в бар.

15. MeTooMomentum

Щелкните изображение, чтобы увидеть полную версию

Эта инфографика от Валентины Д’Эфилиппо фокусируется на первых шести месяцах движения #MeToo, анализируя около 200 000 твитов того времени.Подробнее о проекте вы можете прочитать в нашем посте.

16. Временная шкала истории искусств

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено Мэтью Кобрином)

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

17. Мстители, соберитесь!

Щелкните изображение, чтобы увидеть полную версию.

Эта инфографика от Lemonly раскрывает факты о супергероях, представленных в классической игре Marvel’s Avengers Assemble.Вы можете узнать о силе, навыках, мозге, гаджетах и ​​сердце каждого персонажа с помощью крутых круговых диаграмм. Затем результаты обобщаются, чтобы показать самые сильные стороны коллектива.

18. Inception

Щелкните изображение, чтобы увидеть полную версию

Лучшая инфографика упрощает работу. И учитывая, насколько сложным был блокбастер Кристофера Нолана 2010 года «Начало», небольшая простота имеет большое значение. Эта блестящая иллюстрация была создана графическим дизайнером из Нью-Йорка Риком Слашером.Он резюмирует фильм, изображая каждого персонажа в виде цветной линии, а слои снов — в виде концентрических кругов.

Лучшая инфографика: проиллюстрируйте список

19. Чего НЕ ПОЛУЧИТЬ графический дизайнер на Рождество

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено: Future)

Никогда не рано думать о рождественских подарках и Эта ироничная инфографика фокусируется на том, чего именно ИЗБЕГАТЬ покупать дизайнера в своей жизни. Этот забавный список, проиллюстрированный Саймоном Мидлвик, блестяще иллюстрирует подводные камни, связанные с покупками для творческих профессионалов, от штампованной хипстерской одежды до привлекательных футболок.

20. 30 жизненных навыков, которые должен освоить каждый работающий взрослый

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено Business Insider)

Считаете ли вы себя «взрослым»? Если ответ положительный, то, возможно, эта инфографика от Business Insider заставит вас снова задуматься. В нем рассказывается о 30 самых важных чертах характера, которые должен быть у каждого взрослого, от умения самостоятельно чинить одежду до владения вторым языком. Если, как и мы, вы еще не освоили все это, не позволяйте этому беспокоить вас, но используйте его как удобный инструмент мотивации для улучшения своей жизни.

21. Азбука дизайна

Щелкните изображение, чтобы увидеть полную версию

Индустрия дизайна сформирована глоссарием терминов, которые необходимо знать каждому профессионалу. Эта инфографика ABC от DesignMantic включает 26 основных слов и фраз и объясняет их значение с помощью стильной графики.

22. 10 заповедей дизайна пользовательского интерфейса

Щелкните изображение, чтобы увидеть полную версию

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

23. Типографские термины от А до Я

Щелкните изображение, чтобы увидеть полную версию

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

24. 40 мелочей, которые разрушат ваш творческий блок

Щелкните изображение, чтобы увидеть полную версию

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

25. 15 золотых принципов визуальной иерархии

Щелкните изображение, чтобы увидеть полную версию

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

26. 10 заповедей типографики

Щелкните изображение, чтобы увидеть полную версию

Эта инфографика от Эвана Брауна с сайта DesignMantic, мечта ботаника.Если вам когда-либо приходилось бесцельно листать списки лучших бесплатных шрифтов, эта шпаргалка поможет вам переориентировать поиск, предоставив некоторые ключевые правила.

Следующая страница: Еще лучшая инфографика

9 лучших примеров инфографики 2021 года

В хорошо продуманной инфографике есть что нравится: красивая типографика, сжатые сообщения, продуманные макеты, жирная графика.

Не говоря уже о том, что люди следуют указаниям на 323% лучше с текстом и иллюстрациями, чем без иллюстраций.

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

Тем не менее, как показывает этот список лучших примеров инфографики, усилия того стоят. Добавление их в вашу маркетинговую стратегию может увеличить веб-трафик на 12% и помочь вам оставаться конкурентоспособными в среде B2B, где 65% маркетологов используют инфографику.

К счастью, существует множество ресурсов для создания собственной красивой инфографики.

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

9 лучших примеров инфографики 2021 года

1. Как отделы продаж SMB будут работать в 2020 году, по Zendesk

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

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

Эта инфографика хорошо справляется с одной темой от начала до конца. Читатели могут ответить « Какой в ​​этом смысл? » в первых нескольких предложениях — лучший метод, согласно CoSchedule.

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

Они даже включают преимущества технологии CRM, такие как увеличение производительности торговых представителей на 52%. Конечно, преимущества совпадают с предлагаемым Zendesk программным обеспечением для обслуживания клиентов, что делает инфографику хорошим инструментом продаж для их собственной команды.

2. Ответ Управления по контролю за продуктами и лекарствами США на COVID-19

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

Управление по санитарному надзору за качеством пищевых продуктов и медикаментов США (FDA) также использовало эту визуальную среду, чтобы рассказать, как их регулирующий департамент борется с COVID-19.

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

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

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

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

3. Контент-маркетинг во времена неопределенности, LinkedIn

В нестабильные времена более восьми из 10 человек хотят, чтобы бренды выступали в качестве источника новостей, способствовали развитию чувства общности и предоставляли образовательные ресурсы. Уф.

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

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

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

4. Pianeta plastica, Мануэль Бортолетти для GEDI Gruppo

« Che bello» — первая мысль, которая приходит на ум при создании этого дизайна.Потрясающая визуализация данных, океаническая цветовая схема и простой для понимания макет позволяют визуальным эффектам говорить за себя. Visme объясняет, как инфографика следует этому важному передовому опыту, если это имеет смысл с удалением всего текста.

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

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

5. Как правильно носить маску, Джон Хопкинс Медицина

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

Вот почему один из лучших примеров инфографики взят из John Hopkins Medicine. Они разработали инфографику, чтобы поделиться советами по важнейшей процедуре COVID-19: ношению маски.

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

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

6. Как быть продуктивным, работая из дома, от bannernack

Работа на дому — это не пижамная вечеринка, которую многие (привыкли) себе представляли.Когда офисы закрылись, и тысячи людей превратили обеденные столы в домашние офисные помещения, компания Bannack создала эту инфографику, чтобы помочь своим сотрудникам перейти к другому образу работы. Как фрилансер, работавший удаленно последние пять лет, я нашел здесь множество практических советов и технологий.

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

Подобные советы могут показаться незначительными, если вы какое-то время работаете удаленно, но для новичков это на одну вещь меньше, чем вам придется выучить себя, приспосабливаясь к другому распорядку.

7. 45 трюков, которые впечатлят вашего босса, Net Credit

У такого мощного инструмента, как Slack, есть множество функций, которые большинство людей никогда не будут использовать, но эта инфографика позволяет легко выглядеть крутым «Slack-er» в компании.Даже если до сих пор вы только освоили ярлык / giphy.

Net Credit начинается с небольшой статистики, чтобы проинформировать читателей и дать представление о масштабах Slack. Кто знал, что люди проводят 50 миллионов часов на платформе за одну неделю ? Я заинтригован и хочу продолжить чтение.

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

Каждый раздел организован таким образом, чтобы помочь вам найти то, что вы ищете, будь то советы «# канал» или «сообщение». Финансы могут быть хлебом с маслом Net Credit, но эта инфографика показывает, насколько их команда адаптируема и полезна — именно то, что вы хотите от финансового партнера.

8. Отчет о целях в области устойчивого развития, подготовленный Организацией Объединенных Наций

Инфографика

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

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

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

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

9. Причудливые начинания технологий и прибыльные повороты, Visual Capitalist

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

Возьмите этот рисунок, созданный Visual Capitalist. Он раскрывает необузданные истории происхождения некоторых из крупнейших современных технологических компаний. Я лично понятия не имел, что YouTube начинался как сайт видео знакомств с лозунгом «Настройтесь. Присоединяйтесь».

Как растущее онлайн-издание, посвященное новостям данных и технологий, аудитория Visual Capitalist, вероятно, будет интересоваться историями о поворотах компании, которые привели к успеху.

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

Теперь, когда ваше творчество воодушевлено, самое время начать создавать свою собственную инфографику. Если вы готовы перейти на этап проектирования, узнайте, как создавать инфографику в Powerpoint, ознакомьтесь с этими шаблонами или узнайте, как создать интерактивную инфографику.

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

Что такое инфографика: типы, примеры, советы

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

Благодаря своей простоте и убедительному повествованию, он приобрел большую популярность в последние годы, и мы видим, что инфографика распространяется по всему Интернету и социальным сетям. Например, шаблоны инфографики Canva могут дать вам быстрое представление о внешнем виде и структуре инфографики.

Но что такое инфографика ? Чтобы лучше понять определение в инфографике, полезно знать, откуда появился этот термин. Инфографика — это сочетание «информации» и «графики».Инфографика (информационная графика) — это визуальное представление информации, цель которого — сделать данные легко понятными с первого взгляда.

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

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

Типы инфографики

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

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

Вы пытаетесь показать лучшие и худшие значения в наборе данных? Цель — продемонстрировать изменения и тенденции с течением времени? Вы разбиваете предмет, чтобы проиллюстрировать его различные компоненты? Вы хотите увидеть распределение данных? Вы хотите пролить свет на взаимосвязь между различными ценностями?

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

Мы рассматриваем наиболее широко используемые типы инфографики и приводим примеры каждого из них.

Информационная инфографика

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

через сеть Job Creators Network

Хронология Инфографика

Инфографика

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

через citifmonline

Графики Инфографика

В инфографике

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

через Statista

Инфографика круговых диаграмм

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

через The Guardian

Как к инфографике

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

через Lender411

Инфографика процесса

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

через 4506-стенограммы

Сравнительная инфографика

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

через Siteber

Номер инфографики

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

через ISTE

Инфографика резюме

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

через Большое интервью

Визуальные элементы инфографики

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

Цвета инфографики

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

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

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

через Visage

Учитывайте цвет текста при выборе цветов для инфографики. Белый текст на желтом фоне сложно читать. Выбирайте цвета в соответствии с цветом фона страницы, на которой будет размещена инфографика.Хотя по сути нет ничего плохого в размещении инфографики с белым фоном на веб-сайте с белым фоном, читателям может быть сложнее увидеть, где начинается инфографика.

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

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

Шрифты для инфографики

Количество шрифтов за последние годы резко увеличилось. Теперь существует гораздо больше вариантов шрифтов для инфографики, чем в обычных Times New Roman, Arial, Calibri и Comic Sans. Шрифты можно классифицировать по-разному, но многие эксперты делят их на четыре большие группы: Serif, Sans-Serif, Script и Contemporary.

Шрифты

с засечками (например, Merriweather и Times New Roman) имеют небольшие линии в конце каждой буквы и считаются более формальными.Sans-Serif буквально означает «без засечек», и эти шрифты (например, Arial, Helvetica и Lato) не имеют мелких линий. Они более обтекаемые и современные, чем шрифты с засечками. Скриптовые шрифты напоминают рукописный текст и считаются забавными, повседневными или элегантными. У декоративных шрифтов есть новизна (например, заснеженные шрифты в рождественской графике), и их следует использовать экономно и для определенных предметов.

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

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

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

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

через Visage

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

Иконки инфографики

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

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

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

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

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

через Visage

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

Инфографические изображения

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

через Visage

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

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

Инструменты инфографики

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

Безумный редактор

Платформа: Windows
Цена: Бесплатно

Сначала Lunacy разрабатывался как программа просмотра скетчей для Windows, из-за проблемы с открытием.файлы эскизов всегда были кошмаром для людей, у которых не было Mac. Но он сам по себе быстро становится мощным инструментом. С помощью Lunacy вы можете не только открывать файлы .sketch, но и выполнять несколько функций редактирования: организовывать страницы и монтажные области, рисовать, объединять и выравнивать объекты, а также использовать типографику. Выпущенный в версии 5.0, Lunacy представляет собой надежный и хорошо улучшенный редактор векторной графики с интегрированными значками, фотографиями, изображениями в масках и иллюстрациями. Это Sketch для Windows с разнообразными элементами дизайна, широкими функциональными возможностями и повышенной производительностью.

Добавьте к этому экспорт в PNG и SVG, поддержку кода CSS и XAML, и вы получите мощный инструмент для редактирования векторных изображений без использования костылей для работы файлов .sketch в Windows. Портативная версия поставляется в качестве бонуса.

Плюсы:

• Первый полнофункциональный редактор .sketch для Windows
• Постоянные обновления
• Переносимая версия
• Активная разработка и поддержка

Piktochart
Цена: бесплатно (платные планы начинаются от 15 долларов в месяц)

Piktochart предлагает сотни шаблонов на выбор, хотя это не мешает вам создавать свои собственные с нуля.Новые шаблоны добавляются еженедельно. К объектам инфографики, находящимся в вашем распоряжении, относятся карты, диаграммы, фотографии и значки. Импортируйте данные в Piktochart из Microsoft Excel, Google Spreadsheet или SurveyMonkey. Заполненную инфографику можно встроить на веб-сайт или загрузить и поделиться в формате PDF, PNG или JPEG.

Canva
Цена: бесплатно (обновление до Canva for Work за 12,95 долларов США за пользователя в месяц)

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

Venngage
Цена: Бесплатно (Премиум-планы от 19 долларов в месяц)

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

Visme
Цена: бесплатно (стандартный план стоит 10 долларов в месяц)

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

Easelly
Цена: бесплатно

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

Заключение

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

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

Как поделиться своей инфографикой на Facebook

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

К сожалению, полная инфографика не так хорошо выглядит на Facebook. Вздох.

Вы когда-нибудь видели грустную увеличенную инфографику, сидящую в ленте новостей в одиночестве? Окруженный пустым пространством, никто не может прочитать в нем интересную информацию.

Для всех вас, изучающих визуальное восприятие (вы нам нравитесь), вот несколько примеров того, как это выглядит (отсылка к песне Сары МакЛахлан):

ПРОГНОЗ ЗДЕСЬ — НЕ ЗАГРУЖАЙТЕ ПОЛНУЮ ИНФОГРАФИЮ В КАЧЕСТВЕ ФОТО НА FACEBOOK. Ваша аудитория не сможет ничего прочитать.

Не проливайте слишком много слез из-за этих неправильно обработанных изображений. У нас есть несколько вариантов и альтернативных способов продвижения инфографики специально на Facebook.

Как страница бренда, существует множество вариантов загрузки вашей инфографики на Facebook. Когда вы переходите в Facebook Creator Studio для создания нового сообщения, вы можете загрузить одно изображение, щелкнув опцию «Поделиться фото», или вы можете щелкнуть «Мультимедиа» для получения дополнительных опций:

• Создать фотоальбом
• Создание карусели фотографий
• Создать слайд-шоу
• Создайте мгновенный опыт

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

Facebook следует использовать в качестве средства распространения инфографики, а не ее размещения.

Помните, что при демонстрации части своей инфографики постарайтесь обрезать визуально привлекательную часть, например заголовок инфографики или раздел с убедительной статистикой.

Загрузка фото Размеры

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

Площадь

Если вы загрузите квадратное изображение, оно будет отображаться как квадрат размером 470 пикселей, максимально допустимый размер в ленте Facebook. Это будет происходить независимо от того, какой размер квадрата вы загружаете, но обратите внимание, что изображения размером менее 470 пикселей могут выглядеть размытыми или пиксельными при увеличении размера.

Горизонтальный

Если вы загружаете горизонтальное изображение, оно будет масштабировано до 470 пикселей в ширину, а высота будет соответствующим образом скорректирована.

Горизонтальные изображения шириной менее 470 пикселей могут отображаться при ширине менее 470 пикселей, выровненных по левому краю с пробелом справа от изображения.

Вертикальный

Если вы загрузите вертикальное изображение, оно будет масштабировано до высоты 394 пикселей, выровнено по левому краю и с пробелами сбоку. Скорректированная ширина будет относительно 394 пикселей.Например, если вы загрузите изображение размером 500 x 700, Facebook изменит его размер до 281 x 394 пикселей.

Ссылки для публикации

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

В своем сообщении на Facebook, рекламирующем вашу инфографику, сообщите людям, что там больше контента, чтобы, если они сочтут ваше изображение интересным, они знали, что нужно щелкнуть ссылку, чтобы узнать больше.

Размеры карусели для фотографий

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

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

Оптимизируйте изображение для предварительного просмотра

Убедитесь, что в задней части вашего веб-сайта у вас есть собственный эскиз для вашего тега Open Graph. Вот отличный пост, который более подробно рассказывает об этом, если вы не знаете, как это работает. Для этого на нашем веб-сайте мы используем плагин Yoast SEO.

Для максимального воздействия создайте изображение для предварительного просмотра с разрешением 1200 x 628. Хорошая особенность совместного использования ссылки с настроенным эскизом заключается в том, что при нажатии на эскиз он автоматически перенаправляет читателя на весь фрагмент вашего веб-сайта.

Вот несколько различных примеров настраиваемых миниатюр при обмене ссылками.

Мгновенный опыт

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

Возможности продемонстрировать свою инфографику в Instant Experience практически безграничны. Вы можете связать саму инфографику с полным изображением на своем веб-сайте, объединить несколько частей микроконтента, разделить полную инфографику и позволить пользователям прокручивать или пролистывать весь фрагмент, а также встроить кнопку CTA для привлечения трафика на ваш веб-сайт или получения дополнительной информации. . Мы все еще экспериментируем с этим инструментом, но очень рады возможности его настройки.

Подсказка: функция наклона и панорамирования позволяет пользователю наклонять телефон влево или вправо, чтобы показать больше изображения или видео. Чтобы включить эту функцию, выберите опцию «подогнать по высоте» в компоненте фотография / изображение в инструменте создания. Обязательно добавьте CTA, чтобы побудить зрителей наклонить телефон, иначе они могут не понять, какая это крутая функция!

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