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

 

Крауд тестирование. Как это сделать?

Текстовые данные в графические данные. Как сделать инфографику?

Как сделать инфографику

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

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

Здесь мы можем быстро оценить, что Тибор на 100% свободно говорит по-голландски и примерно на 88% — по-английски, благодаря простой круговой диаграмме. Он использует другие умные подходы, такие как значки для его хобби и «измерители», чтобы быстро отображать свой уровень навыков в различных программах и концепциях дизайна.

Мгновенно мы видим, что он имеет 75% -ный уровень навыков в Photoshop, Illustrator и InDesign. Вся его информация передана просто и лаконично (и освежающе), что превосходит длинные растянутые предложения о его истории с Adobe Creative Suite. Как сделать инфографику?

Картинки (и схемы) лучше тысячи слов

кубик рубика инфографики

Как сделать кубик Рубика от Альваро Эрреро

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

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

Поток. Как сделать инфографику?

инфографика создания обуви

Инфографика обуви

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

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

Затем эта большая обувь приводит нас к шагу 3 процесса, который находится в пузыре увеличения. Ой! Мы надеялись начать с шага 1…

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

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

Давать ощущение данных

пример инфографики

Инфографика леса

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

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

как распознать ложь инфографики

Инфографика «Как распознать ложь»

Навигация с иконками. Как сделать инфографику?

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

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

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

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

Делаем данные привлекательными. Как сделать инфографику?

визуализация данных Как сделать инфографику?

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

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

Как сделать свою инфографику?

В этом уроке мы будем использовать Photoshop для создания инфографики, которая представляет собой сравнение данных между поездкой на велосипеде и поездом из парка Вашингтон-сквер на Манхэттене в центр города Вильямсбург в Бруклине. Согласно Google Maps, поездка на велосипеде между этими двумя точками занимает 18 минут, а поездка — 30 минут.

 

Для начала снимок экрана из Google Maps можно вставить в наш файл Photoshop и обесцветить. Изучая первоначальный пример Тибора ван ден Бринка, который касается цвета и эстетической привлекательности, сравниваемый маршрут можно выделить желтым цветом.

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

Как сделать инфографику?

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

Тщательно подбирается дополнительный сине-зеленый цвет. Имейте в виду, мы хотим сделать эти данные максимально привлекательными!

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

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

Заключение

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

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