Инфографика дизайн: 37 отличных идей для дизайна инфографики

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

Заказать инфографику для бизнеса?

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

1. Простота восприятия. Визуализация информации дизайнером — это наиболее понятный для большинства людей способ ее подачи.
2. Привлекательность. Красиво оформленные цветные графики выглядят более привлекательно для пользователя, а интерактивная инфографика доставляет удовольствие от ее изучения.
3. Репосты. Информативные картинки в дизайне сайта привлекают внимание людей, а это часть WOM-маркетинга. Найдется значительно больше желающих, чтобы поделиться красивой картинкой, нежели сухой статистикой.
4. Показатель квалификации. Структурирование информации при разработке позволяет сузить даже большой объем данных до нескольких слов, что не только вызывает интерес, но и доверие к компании, которая знает, что делает.
5. Поисковая оптимизация. Договорившись с вебмастерами, можно разместить свою инфографику на внешнем ресурсе, что не только позволит нарастить ссылочную массу сайта, но и с большой вероятностью увеличит объем реферального трафика.
6. Невысокая цена. Вы можете заказать квалифицированные услуги удаленных фрилансеров по доступной цене и повысить результативность вашего бизнеса уже сегодня.

Где заказать инфографику?

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

Преимущества такого выбора для заказчика очевидны:

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

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

Что можно и чего нельзя делать в инфографическом дизайне — Smashing Magazine

• 12 минут чтения
• Дизайн, Визуализация данных, Infographics
• Поделиться в Twitter, LinkedIn

Об авторе

Эми Баллиетт является соучредителем Killer Infographics, агентства инфографического дизайна, расположенного в Сиэтле, штат Вашингтон. Killer Infographics начиналась как Submit Infographics, … Больше о Эми ↬

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

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

Дальнейшее чтение по SmashingMag:

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

больше после прыжка! Продолжить чтение ниже ↓

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

В то время как некоторые тенденции в дизайне приходят и уходят, инфографика остается. Благодаря таким брендам, как USA Today, The New York Times и Google, и даже президенту Обаме, инфографика становится мощным инструментом для распространения огромных объемов информации среди масс. Большие и малые компании используют инфографику для создания своих брендов, обучения своей аудитории и оптимизации своего рейтинга в поисковых системах за счет построения ссылок. Вот почему необходимо научиться создавать хорошую инфографику , и избегание распространенных ловушек инфографического дизайна может означать разницу между получением крупного клиента и его полной потерей.

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

Покажи, но не говори

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

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

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

Если бы клиент хотел диаграмму Excel, вы бы ему не понадобились

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

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

Типографика не должна быть костылем

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

Всякий раз, когда я вижу это, я вспоминаю «Где говядина?» рекламной кампании, и я думаю: «Где данные, а именно?» Хотя Sketch Rockwell — один из моих самых любимых шрифтов, это прекрасный пример чрезмерной зависимости от типографики.

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

Типографика имеет свое место

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

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

Организация и сюжетная линия

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

Каркас инфографики

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

Думайте нестандартно

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

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

Расскажи историю

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

Визуализируйте зацепку

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

Приведение вещей в порядок с помощью цвета

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

Сделайте его универсальным

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

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

Трехцветная палитра приятна для глаз

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

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

Используйте имеющиеся в вашем распоряжении инструменты

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

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

Инфографический дизайн – Визуальное повествование

• О НАС
• НАШИ УСЛУГИ
• ПОРТФЕЛЬ
• БЛОГ
• СВЯЖИТЕСЬ

× О НАС НАШИ УСЛУГИ ПОРТФОЛИО БЛОГ СВЯЖИТЕСЬ С НАМИ

☰

Чем мы занимаемся

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

• Инфографика

  Статическая и интерактивная инфографика для обучения и привлечения вашей аудитории.

  Просмотреть профиль

• Презентация

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

  Просмотреть профиль

• Социальная графика

  Сделайте свои посты в социальных сетях
  более интересными и влиятельными.

  Просмотреть профиль

• Видео

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

  Просмотреть профиль

• Фирменный стиль

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

  Просмотреть профиль

• Электронные книги

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

  Просмотреть профиль

• Микросайты

  Привлеките внимание своей аудитории, демонстрируя свой продукт на потрясающих микросайтах

  Просмотреть профиль

• Веб-сайт

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

  Просмотреть профиль

Почему выбирают нас?

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

Исследования

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

White Label

Мы будем хранить молчание и позволим нашим творениям говорить за ваш бизнес. Клиенты из чужих вод? Наши работы основаны на международных стандартах.

Конкурентоспособный

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

Сверхбыстрый

Мы знаем цену времени в бизнесе, поэтому от 48 до 72 часов — это время, которое мы тратим на создание наших первых черновых вариантов на вашем экране.

100% возврат денег

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

Наше портфолио

• Все
• Инфографика
• Презентация
• Социальная графика
• Видео

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

Запросить цену Посмотреть портфолио

Клиенты

Труба для нас

Итан Йео

Publicis Singapore

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

Абхишек Шарма

Директор по маркетингу GOQii

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

Присоединяйтесь к нашим счастливым клиентам

Удостоенная наград графика «Вовремя и спрос»

Сделайте нас частью вашей команды

и достижение измеримого результата

Воспользуйтесь изобретательностью нашего кадрового резерва и соберите прибыль на свою долю

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

Дизайн инфографики прошел долгий путь с начала 2000-х годов. Там, где мы когда-то тонули в волне ярких/пограничных клипартов, многие дизайнеры инфографики повзрослели, предлагая нам визуализацию данных, достойную музея, и сделанные со вкусом иллюстрации, которые оживляют историю. (Можем ли мы получить за это аминь?)

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

Что делает хороший дизайн инфографики?

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

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

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

Как разнообразить свой дизайн инфографики

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

Отлично подходит для: Чистая визуализация данных, простые иллюстрации

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

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

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

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