65 лучших инфографиок | Creative Bloq

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

Как вы разрабатываете инфографику?

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

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

01. Почему ваш мозг жаждет инфографики

Популярность инфографики показывает, что нет признаки замедления, но почему они так популярны? Эта инфографика от NeoMam Studios исследует именно то, что именно об инфографике, которая попадает в точку. Это также красиво оформлено и блестяще выполнено. Онлайновый опыт, построенный на HTML5 и CSS3, вы можете проверить его во всей его интерактивной красоте, нажав на изображение выше.

«Эффекты прокрутки параллакса, вероятно, были наиболее труднодостижимыми», — говорит Дэнни из Neo Mam. Эштон. «Наши разработчики посмотрели на доступные библиотеки и назвали их немного« шаткими », поэтому в итоге они создали свои собственные».

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

02. Большой список инфографических идей

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

03. Инфографика инфографики

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

Исследуйте мир

04. История жизни

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

05. Доктор Кто

Британский специалист по портретам Сэм Гилби выпустил различные публикации Культурно-вселенная исследует инфографику на протяжении многих лет, включая этот дизайн, посвященный 50-летию Доктора Кто. Его другие богато иллюстрированные творения на сегодняшний день варьируются от основанного на характеристиках сравнения четырех персонажей Мстителей; к 85-й премии Академии в цифрах — все это создано для Virgin Movies. Все эти три инфографики являются отличными примерами использования иллюстраций для добавления интереса и совместного использования к списку фактов и цифр, а не анализа данных как таковых.

06. Хип-хоп

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

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

07. Oddity Viz

Победитель премии «Information is Beautiful», Валентина Д «Творческая визуализация Ефилипо культового трека Боуи« Космическая странность »контрастирует с экспансивными жанровыми творениями Дороти, решив пойти вместо этого в узком и глубоком направлении.

Д'Эфиппо работал с исследователем Мириам Квик, чтобы собрать данные о треке, которые она затем визуализируется как серия из 10 12-дюймовых дисков, каждый из которых деконструирует дорожку по-своему: в соответствии с мелодиями, гармониями, текстами песен, структурой, историей и т. д.

08. Анализ «Битлз»?

Любители музыки, любители данных получат Извлеките из этой интерактивной инфографики туза, анализируя карьеру Fab Four, разбивая их карьеру по годам и альбомам, и предоставляя много информации о том, кто что написал, у какого Битла был самый большой словарный запас (подсказка: это был не Ринго), что большинство их песен были о и многое другое.

09. SWANH.NET

If Star Wars: The Last Jedi поставил вас в настроение сразу посмотреть оригинальный фильм, подержите лошадей всего одну секунду. Вместо того, чтобы снова смотреть Эпизод IV, почему бы не насладиться им в инфографике? SWANH.NET — это проект швейцарского иллюстратора Мартина Паншо, в котором он адаптировал «Звездные войны: новая надежда» в инфографику длиной 123 метра. Созданный в Illustrator CC с использованием 157 изображений в 22 отдельных файлах, его создание заняло более года.

10. Большая таксономия рэп-имен

Этот красочный инфографический экзамен 282 имена рэпа в поразительных деталях. Наш любимый раздел? «Дерзкое написание» — с подкатегориями «Неправильное использование K» (эй, OutKast) и «Прилагательные с ошибками» (это вы, Ludacris). Он был представлен вам Pop Chart Lab — компанией, созданной редактором книг и графическим дизайнером, который объединил усилия с одной скромной целью: представить весь человеческий опыт в форме диаграммы.

11. Исследуйте Twitterverse

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

12. Великолепное множество пива

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

Любимая лаборатория Pop Chart Creative Bloq построила свою оригинальную пивную инфографику с 2010 года и создала солодовое чудовище размером 60×40 дюймов под названием «Великолепное множество пива». Это оказалось настолько большим, что команде пришлось обратиться за помощью к другой типографии, чтобы справиться с этой работой. После всей этой тяжелой работы, будем надеяться, что они нашли время, чтобы отправиться в бар.

13. Хронология истории искусств

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

14. Мстители, соберите!

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

15. Начало

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

Иллюстрируйте список

16. Руководство по шрифту и типографии

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

17. Азбука дизайна

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

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

18. 10 заповедей дизайна пользовательского интерфейса

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

19. A-Z типографских терминов

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

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

20. 40 мелочей, чтобы сломать ваш творческий блок

Творческие засухи — вот что нужно ночных кошмаров для художников, дизайнеров, фотографов и практически для всех, у кого есть фантазия. Но как вы заново зажигаете свою творческую искру, когда все, что вы хотите сделать, это сдаться? Разработанный командой Creative Market, этот красочный список из 40 вдохновляющих советов содержит советы, к которым обратились великие артисты в трудные времена. И если это не сработает, взгляните на наш список из 20 способов преодоления творческого блока.

21. 15 золотых принципов визуальной иерархии

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

22. 18 правил использования текста

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

23. 10 заповедей типографии

Эта инфографика от Эвана Брауна в DesignMantic — мечта типографского кретина. Если вам когда-нибудь приходилось бесцельно просматривать списки лучших бесплатных шрифтов, эта таблица поможет вам переориентировать ваш поиск, предоставив вам некоторые ключевые правила.

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

Следующая страница: Еще больше лучших инфографиок