Информационная графика: D0 b8 d0 bd d1 84 d0 be d1 80 d0 bc d0 b0 d1 86 d0 b8 d0 be d0 bd d0 bd d0 b0 d1 8f d0 b3 d1 80 d0 b0 d1 84 d0 b8 d0 ba d0 b0: стоковые векторные изображения, иллюстрации
Содержание
12. Информационная графика и ее роль в процессе оптимизации передачи журналистского сообщения.
Инфографика
— это графический способ подачи
информации, данных и знаний, их визуальное
представление. Инфографикой можно
назвать любое сочетание текста и графики,
созданное с намерением изложить ту или
иную историю, донести тот или иной факт.
Как известно
подавляющее большинство информации
человек получает посредством зрения.
Простая и оригинальная визуализация
намного понятнее и лучше усваивается,
чем отлично написанный текст.
По определению
психологов, инфографика относится к
«уровню суперчитабельности». Иными
словами, читатель газеты или журнала,
листая страницы, прежде всего обращает
внимание на яркую иллюстрацию, насыщенную
информацией – а это и есть инфографика.
Конкурировать с инфографикой за внимание
читателя могут только крупные заголовки
и большие фотографии. Её можно подавать
вместе со статьей или как самостоятельный
информационный продукт. В любом случае,
она станет ключевым элементом на полосе.
Самая
простая инфографика – это таблицы,
круговые диаграммы, графики, карты,
логические схемы. Более сложная
инфографика может комбинировать
текстовые блоки, фотографии, карты,
таблицы, диаграммы, реконструкцию
событий — любой образ подходит, если он
эффективно работает для передачи данных,
выполняя конкретные цели, поставленные
составителем.
Спектр
применения инфографики огромен:
география, журналистика, образование,
статистика, технические тексты, экономика,
политика, спорт, общество — ее можно
найти в книгах, газетах, инструкциях,
бизнес-отчетах и так далее. Используется
она там, где нужно показать устройство
и алгоритм работы чего-либо, соотношение
предметов и фактов во времени и
пространстве, продемонстрировать
тенденцию, показать как что выглядит,
организовать большие объёмы информации.
Основная
цель инфографики — информирование.
Функции:
Информационная и иллюстративная
История:
Сама по
себе инфографика в газетах появилась
еще в середине XIX века. Главное ее
преимущество в том, что можно не понимая
языка, понимать смысл сказанного с
помощью виз. инфы. Так же у читателей
стало меньше времени на восприятие
текста, и потому инфографика стала
использоваться чаще. Наиболее
распространена погодная инфографика.
Как особый
жанр в прессе, инфографика появилась в
1982 году, когда на рынке США возникла
новая национальная газета USA Today, которая
значительную часть площади отвела под
т. н. «информационные рисунки». Американские
читатели быстро поняли и приняли
преимущества такого способа передачи
информации — инфографика передавала
сообщение быстрее, чем текст (один
качественно сделанный рисунок заменял
несколько страниц текста) и подробнее,
чем стандартная иллюстрация (благодаря
детальности рисунка и точным тезисным
комментариям). Успех USA Today у читателей
благоприятствовал быстрому распространение
инфографики в США.
С конца
80-х годов инфографику начали использовать
ведущие европейские издания. В начале
90-х возникают специализированные
агентства, например, британское Graphic
News, а мировые информационные агентства
(AP, Reuters, AFP и др.) создают специализированные
службы по созданию инфографики.
Инфографику
можно разделить на два типа:
• «Ненасыщенная».
Простая, неконцентрированная -построена
вокруг нескольких цифр
• «Концентрированная»
Плотная, сложная — построена (обычно)
как совокупность изображения и целого
ряда цифр.
Примеры
ненасыщенной инфографики (можно потом
удалить)
Особенности
инфографики
графические
объекты,
полезная
информационная нагрузка,
красочное
представление,
внятное
и осмысленное представление темы.
Основные
правила успеха инфографики
простота,
одна идея
в одной работе,
ручная
графика.
Создание
инфографики проходит следующие этапы:
Формулирование
цели создания инфографики и определение
аудитории. Разрабатываемый информационный
дизайн обычно предназначен для какой-то
целевой аудитории.
Сбор
определенного количества данных,
материала по теме. Данные представлены
в различных форматах — текстовый контент,
графика, видео материалы, страницы
таблиц и так далее…
Аналитика
и обработка информации. Собранный
материал необходимо проанализировать
и обработать, привести к одному знаменателю
— обычно это неоформленные графики,
гистограммы …
Построение
доступной визуализации, верстка. Весь
материал компонуется, приводится в
красивый наглядный вид. Доминирующим
элементом должна быть информативность,
а не художественность. Сложная графика
бесполезна, если она не разъясняет или
не дополняет статью. Самое главное — она
не должна препятствовать представлению
текста. Но в ней должен содержаться весь
необходимый материал для того, чтобы
ее можно было понять и без сопровождения
статьи.
меньше, чем требуется, больше, чем нужно, и другие проблемы
%PDF-1.3
%
117 0 obj
>>>
endobj
114 0 obj
>stream
Acrobat Distiller 9.5.2 (Windows)Файл загружен с http://www.ifap.ru2013-01-06T10:07:07+04:002013-01-06T10:05:37+04:002013-01-06T10:07:07+04:00application/pdf
uuid:d06cfbd8-00be-46ef-be73-9e1d29488db1uuid:c227c5fd-492a-4eaf-9607-ec982d4f4552False
endstream
endobj
108 0 obj
>
endobj
110 0 obj
>
endobj
111 0 obj
>
endobj
112 0 obj
>
endobj
113 0 obj
>
endobj
71 0 obj
>/Font>/ProcSet[/PDF/Text]>>/Rotate 0/Type/Page>>
endobj
73 0 obj
>/Font>/ProcSet[/PDF/Text]>>/Rotate 0/Type/Page>>
endobj
75 0 obj
>/Font>/ProcSet[/PDF/Text]>>/Rotate 0/Type/Page>>
endobj
77 0 obj
>/Font>/ProcSet[/PDF/Text]>>/Rotate 0/Type/Page>>
endobj
79 0 obj
>/Font>/ProcSet[/PDF/Text]>>/Rotate 0/Type/Page>>
endobj
80 0 obj
>stream
HW[o+|*( qu!»ۤ{sP%(dvH+I=g.NN˓p|.v.lQ B4vJ-븤vJcXh’T’N*qũK2:ۉ ɥMe-P븥>P+N%?e8>~yj?u»*J#2’If(v*
![&*;Q
?x6J)l4F$ͤ}|ϪJN妣s\@sRk’e3vv:SAn4>z>>LVW!oK~=vŝ)6u
Информационная графика. Искусство иллюстрации | LibDiz
Эта разновидность графических элементов служит для иллюстрации общих тенденций развития, организационных структур и для сравнения данных
Нередко информационная графика, а к ней относятся диаграммы, схемы, чертежи, графики, таблицы и карты, обеспечивает самый эффективный способ организации и представления больших объемов фактических и числовых данных. Статистические данные, представленные в текстовом виде, плохо воспринимаются человеком и нагоняют на него смертельную тоску. Если их представить графически, то взаимосвязи между данными и общие тенденции их изменения заметить проще, да и смотреть на рисунки интереснее и приятнее, чем на сухие колонки цифр.
Подобные иллюстрации нетрудно создать с помощью инструментальных средств программ верстки на основе коллекций графики или в графическом редакторе (растровом или векторном). Некоторые программные пакеты, к примеру программы создания электронных таблиц, располагают встроенными средствами создания деловой графики. Достаточно предоставить данные и указать желательный способ их отображения. Все остальное программа сделает сама.
Примеры информационной графики, применяемой при оформлении некоторых периодических изданий, показывают, что схемы, графики и диаграммы могут быть очень интересными визуально. Однако не следует думать, что так бывает всегда. Не каждый график или схему надо делать полноцветными или задействовать в них 3D-эффекты. Подобные излишества нередко усложняют восприятие деловой графики. Ведь ее главное назначение состоит в том, чтобы информировать, а не в том, чтобы производить сильное впечатление. Если красивое оформление отвлекает от смысла, значит, надо пожертвовать оформлением.
Информационную графику, безупречную с утилитарной точки зрения, можно строить, комбинируя прямые линии, окружности, узорные заливки (со штриховкой или точечные) с элементами, взятыми из клип-артов — только и всего. Пусть все будет просто, тогда ваши графики и диаграммы приобретут более четкий и аккуратный вид.
Иллюстрированный самоучитель по Adobe Illustrator 10 › Информационная графика (диаграммы) [страница — 326] | Самоучители по графическим программам
В современной рекламе, для которой характерно постоянное обращение не только к чувству зрителя, но и к его разуму, довольно часто используются всевозможные диаграммы и графики.
При работе с диаграммами следует иметь в виду несколько общих положений, единых для всех типов диаграмм. | После создания диаграммы она представляет собой совокупность сгруппированных объектов, которые можно трактовать как обычные векторные объекты, т. е.
Таблица данных, которая служит цифровой базой для формирования диаграммы, является типичным примером электронных таблиц, поэтому заполнить таблицу можно следующими способами: | ввести данные вручную; | импортировать данные других программ, работающих с табличными данными, например Microsoft Excel;
У всех типов диаграмм, которые формирует программа Adobe Illustrator, имеются свои особенности. | Для диаграмм Column (Вертикальные полосы) и Stacked Column (Вертикальный стек) числовые данные следует вводить по вертикальной оси (Y)» а метки – по горизонтальной (X).
Данные, используемые в качестве исходных для создания диаграмм, могут быть подготовлены заранее или другими исполнителями и сохранены в текстовом файле. Такие данные может предоставить и заказчик, необходимо только при этом обязать его соблюсти некоторые формальные условия.
В теории баз данных замена значений колонок на строки и наоборот называется транспозицией. Необходимость транспозиции может быть вызвана также ошибочным вводом данных. | Для транспозирования данных у всех типов диаграмм, кроме диаграммы рассеяния (scatter), используется кнопка Transpose (Транспозиция строк/ столбцов) ().
Все типы диаграмм, за исключением Area (Аддитивный график), имеют набор параметров, определяющих формирование и отображение диаграмм.
При выборе, в группе Type (Тип) раздела Graph Options (Параметры диаграммы) диалогового окна Graph Type (Тип диаграммы) кнопки линейной диаграммы (пятая кнопка слева) группа Options (Варианты) предстает в виде, отображенном на рис. 12.14.
При выборе в поле Type (Тип) раздела Graph Options (Параметры диаграммы) диалогового окна Graph Type (Тип диаграммы) кнопки круговой диаграммы (восьмая кнопка слева) группа Options (Варианты) предстает в виде, отображенном на рис. 12.16.
Обычно положение оси значений (оси с числовыми отметками – оси Y) предполагается слева (у круговых диаграмм такой оси нет вообще), но при необходимости это положение можно изменить. | О том, как изменить положение оси, если одна диаграмма комбинируется из нескольких типов, см. в разд.
Если диаграмма представляет собой не декоративное пятно на странице издания, а требуется для работы и анализа, то совершенно необходимо, чтобы метки на оси значений давали возможности однозначно «считывать» цифровую информацию.
В группе Style (Стиль) раздела Graph Options’ (Параметры диаграммы) диалогового окна Graph Type (Тип диаграммы) (рис. 12.19) представлены флажки, установка которых обеспечивает те или иные эффекты или способы представления информации. | Рис. 12.19.
Самое удивительное свойство инструментов группы Graph (Диаграмма) заключается в возможности комбинировать различные типы диаграмм (рис. 12.20). Исключение составляет только точечная диаграмма (Scatter).
Окончательная доработка диаграмм связана с оформлением их внешнего вида (присвоением цвета и декоративных заливок, толщины обводок и использованием других «красот»). | Элементы диаграммы | Для того чтобы уверенно приступить к внешнему оформлению, следует уяснить, что сложный механизм создания диаграмм «выливается» в достаточно простую совокупность объектов, объединенных в группу.
При необходимости выделить несколько объектов диаграммы и, например, переместить их на задний план, чрезвычайно важно выделить именно то, что требуется, а в диаграммах это не так просто и требует повышенной внимательности.
Для придания диаграммам большей художественной убедительности в их дизайне могут использоваться какие-либо декоративные элементы, выполняющие две функции: с одной стороны, техническую – размер элементов пропорционален числовым данным, а с другой стороны, эмоциональную – удачный выбор изображения способен выразить отношение к фактам.
Для декоративного элемента, который используется в диаграммах, характерно наличие на самом нижнем уровне (под всеми элементами) прямоугольника, ограничивающего собственно рисунок элемента. При этом данный прямоугольник может иметь какие-либо параметры контура и заливки, а может быть «невидимым».
Созданные и сохраненные декоративные элементы можно использовать для оформления столбцов (columns) и полос (bars) в диаграммах типа Column (Вертикальные полосы), Stacked Column (Вертикальный стек), Ваr (Горизонтальные полосы), Stacked Bar (Горизонтальный стек), а также в качестве декоративных маркеров (markers) – в диаграммах типа Line (Линейный график) и Scatter (Точечная диаграмма).
Использование информационной панели «Диаграммы» — Справка — Apple Search Ads
Получите подробное представление об эффективности кампаний Apple Search Ads Advanced
На информационной панели «Диаграммы» Apple Search Ads Advanced представлены данные об эффективности по странам и регионам, датам, группам рекламных объявлений или ключевым словам, а также графики различных показателей:
- Затраты
- Нажатия
- Установки
- Кликабельность (TTR)
- Средняя цена за конверсию (CPA)
- Средняя цена за тысячу показов (CPM)
- Средняя цена за нажатие (CPT)
- Показы
Вы также можете фильтровать данные по устройству. Аналогично с информационной панелью «Кампании» по умолчанию устанавливается период, равный семи последним дням, исключая текущий.
Отображаемая на странице диаграмма автоматически меняется в соответствии с выбираемыми параметрами. Используйте верхнее меню для выбора показателей, а панель навигации слева — для выбора типа отчёта.
Как перейти на информационную панель «Диаграммы»
- Войдите в свой аккаунт Apple Search Ads Advanced.
- На информационной панели «Кампании» выберите нужную кампанию.
- На информационной панели «Группы рекламных объявлений» нажмите «Информационная панель «Диаграммы»».
- Выберите представление и фильтры для отчёта.
Следует иметь в виду, что при выборе периода длиной более 30 дней просматривать данные можно только по неделям.
Как просматривать диаграммы
1) Представление диаграммы
Диаграмма в верхней части информационной панели «Диаграммы» позволяет получить общее представление о показателях эффективности по датам. Вы также можете применить фильтры и сравнить показатели, чтобы лучше разобраться в данных кампании. Обратите внимание, что выбрать несколько показателей можно только в представлении с датами.
Фильтры находятся в верхнем левом углу диаграмм и после их применения остаются видимыми до тех пор, пока вы не удалите или не измените их. Изменения фильтров сразу же отображаются на диаграмме.
2) Представление таблицы
Таблица объединяет сводные данные для каждой группы в выбранном представлении с учётом заданных фильтров и показателей. Доступные фильтры зависят от выбранного представления.
Обратите внимание, что показатели отображаются в часовом поясе вашего аккаунта. Чтобы увидеть показатели в часовом поясе, который используется в истории операций со счетами, выберите в нижнем колонтитуле время UTC (Всемирное координированное время). Выбранный период может немного измениться из-за разницы во времени с UTC. Отчёты по поисковым запросам, возрасту, полу и местоположению пользователей недоступны в часовом поясе UTC.
Как изменить период в представлении показателей эффективности
Перейдите в меню в правой части страницы. Здесь можно выбрать период, в том числе одно из следующих значений: «Сегодня», «Вчера», «Последние 7 дней», «Эта неделя», «Последняя неделя», «Последние 30 дней», «Последние 4 недели», «Последние 12 недель», «Этот месяц», «Последний месяц» и «Собственный диапазон».
Дополнительные переменные на информационной панели «Диаграммы»
Значение «Пользователь скрыт» в параметрах пола, возраста и местоположения
Если вы не применяли настройки аудитории в группе рекламных объявлений или кампании, в разделах возраста, пола или местоположения в представлении отчёта может отображаться категория под названием «Пользователь скрыт». Это означает, что некоторые пользователи, увидевшие вашу рекламу, не разрешили Apple Search Ads использовать сведения о них для таргетинга рекламы или выключили службы геолокации на своём устройстве.
Отчёт по возрастным группам
При просмотре отчётов по возрасту показатели сгруппированы по следующим возрастным группам: 18–24, 25–34, 35–44, 45–54, 55-64, 65 и старше. Это означает, что показатели могут быть представлены для более широкого возрастного диапазона, чем вы выбрали. Однако мы показываем рекламу пользователям только тех возрастов, которые вы указали. Это, например, означает, что если вы задали диапазон возрастов 18–38, то в отчёте будут представлены показы в диапазонах 18–24, 25–34 и 35–44.
Индикатор «Малый объём»
На некоторых диаграммах может отображаться отметка «Малый объём». Это означает, что запрошенные данные находятся ниже порога конфиденциальности Apple. Например, для поисковых запросов требуется не менее 10 показов, в противном случае на диаграмме поисковых запросов будет отображаться отметка «Малый объём». Отчеты о возрасте, поле или местоположении требуют не менее 100 показов, прежде чем Apple Search Ads сможет отобразить какие-либо данные.
Остриков, Сергей Викторович — Информационная графика и дизайн [Текст] : англо-русский иллюстрированный словарь-справочник
Поиск по определенным полям
Чтобы сузить результаты поисковой выдачи, можно уточнить запрос, указав поля, по которым производить поиск. Список полей представлен выше. Например:
author:иванов
Можно искать по нескольким полям одновременно:
author:иванов title:исследование
Логически операторы
По умолчанию используется оператор AND.
Оператор AND означает, что документ должен соответствовать всем элементам в группе:
исследование разработка
author:иванов title:разработка
оператор OR означает, что документ должен соответствовать одному из значений в группе:
исследование OR разработка
author:иванов OR title:разработка
оператор NOT исключает документы, содержащие данный элемент:
исследование NOT разработка
author:иванов NOT title:разработка
Тип поиска
При написании запроса можно указывать способ, по которому фраза будет искаться. Поддерживается четыре метода: поиск с учетом морфологии, без морфологии, поиск префикса, поиск фразы.
По-умолчанию, поиск производится с учетом морфологии.
Для поиска без морфологии, перед словами в фразе достаточно поставить знак «доллар»:
$исследование $развития
Для поиска префикса нужно поставить звездочку после запроса:
исследование*
Для поиска фразы нужно заключить запрос в двойные кавычки:
«исследование и разработка«
Поиск по синонимам
Для включения в результаты поиска синонимов слова нужно поставить решётку «#» перед словом или перед выражением в скобках.
В применении к одному слову для него будет найдено до трёх синонимов.
В применении к выражению в скобках к каждому слову будет добавлен синоним, если он был найден.
Не сочетается с поиском без морфологии, поиском по префиксу или поиском по фразе.
#исследование
Группировка
Для того, чтобы сгруппировать поисковые фразы нужно использовать скобки. Это позволяет управлять булевой логикой запроса.
Например, нужно составить запрос: найти документы у которых автор Иванов или Петров, и заглавие содержит слова исследование или разработка:
author:(иванов OR петров) title:(исследование OR разработка)
Приблизительный поиск слова
Для приблизительного поиска нужно поставить тильду «~» в конце слова из фразы. Например:
бром~
При поиске будут найдены такие слова, как «бром», «ром», «пром» и т.д.
Можно дополнительно указать максимальное количество возможных правок: 0, 1 или 2.4 разработка
По умолчанию, уровень равен 1. Допустимые значения — положительное вещественное число.
Поиск в интервале
Для указания интервала, в котором должно находиться значение какого-то поля, следует указать в скобках граничные значения, разделенные оператором TO.
Будет произведена лексикографическая сортировка.
author:[Иванов TO Петров]
Будут возвращены результаты с автором, начиная от Иванова и заканчивая Петровым, Иванов и Петров будут включены в результат.
author:{Иванов TO Петров}
Такой запрос вернёт результаты с автором, начиная от Иванова и заканчивая Петровым, но Иванов и Петров не будут включены в результат.
Для того, чтобы включить значение в интервал, используйте квадратные скобки. Для исключения значения используйте фигурные скобки.
Современная информационная графика элемент для вашего дизайна. плакаты на стену • плакаты маркер, визуализация, презентация
становите кадр, перемещая его мышью с нажатой левой кнопкой. Если Вы используете сенсорные устройства, переместите выделенный фрагмент графики.
Плакат:
Современная информационная графика элемент для вашего дизайна..
Автор: ©
Номер фотографии:
#150499806
другие темы:
маркер, визуализация, презентация, бар, коммуникация, коллекция, навигация, указатель, точка.
Посмотреть в комнате:
Стандартный плакат
Стандартные плакаты myloview печатаются на высококачественной плакатной бумаге с сатиновой текстурой. Мы печатаем плакаты, используя продвинутую технологию HP Latex, гарантирующую живые, глубокие цвета. Картина готова к размещению на стене непосредственно после распаковки посылки.
Плотность плакатной бумаги: 200 г/м2
Доступные дополнения: Имеется возможность выбора плаката в раме (доступны черные и серебряные алюминиевые рамы) или в антираме
Способ очистки: Материал можно протирать влажной салфеткой
Стандартный плакат в раме
Стандартные плакаты myloview печатаются на высококачественной плакатной бумаге с сатиновой текстурой. Мы печатаем плакаты, используя продвинутую технологию HP Latex, гарантирующую живые, глубокие цвета. Картина готова к размещению на стене непосредственно после распаковки посылки. К плакату прилагается алюминиевая рама черного или серебряного цвета.
Плотность плакатной бумаги: 200 г/м2
В комплекте: алюминиевая рама черного или серебряного цвета на выбор
Способ очистки: Материал можно протирать влажной салфеткой
Стандартный плакат в антираме
Стандартные плакаты myloview печатаются на высококачественной плакатной бумаге с сатиновой текстурой. Мы печатаем плакаты, используя продвинутую технологию HP Latex, гарантирующую живые, глубокие цвета. Картина готова к размещению на стене непосредственно после распаковки К плакату прилагается антирама.
Плотность плакатной бумаги: 200 г/м2
В комплекте: антирама
Способ очистки: Материал можно протирать влажной салфеткой
дальшеСпрятать
Эта кнопка позволяет вращать выбранный размер и заменить ширину с высотой.
Что такое инфографика? Примеры, шаблоны, советы по дизайну
С тех пор, как около десяти лет назад инфографика быстро вошла в мир графического дизайна, она стала основным продуктом общения в классах, на рабочем месте и в Интернете.
Но если вы новичок в мире дизайна, термин «инфографика» может быть вам чужд.
Вы могли бы задаться вопросом…
Сегодня я проведу для вас ускоренный курс по инфографике и инфографическому дизайну, чтобы ответить на все эти и многие другие вопросы.Я также покажу вам простые в редактировании шаблоны инфографики, которые вы можете настроить с помощью Venngage’s Infographic Maker.
СОЗДАЙТЕ ИНФОГРАФИЮ БЕСПЛАТНО
НОВИНКА! Запуск: авторитетное руководство по созданию инфографики
С помощью этого подробного и доступного руководства любой желающий может создать профессиональную инфографику. Он наполнен идеями, передовыми методами, примерами, контрольными списками и многим другим — всем, что вам нужно, чтобы сделать инфографику, которая выделялась бы на первом плане.
Узнайте, как создавать профессиональную инфографику, которая поможет вам в достижении ваших коммуникационных и деловых целей.Книгу можно посмотреть здесь:
ПОЛУЧИТЬ КОПИЮ
Что такое инфографика? Определена инфографика:
Согласно Оксфордскому словарю английского языка, инфографика (или информационная графика) — это «визуальное представление информации или данных».
Но смысл инфографики гораздо более конкретен.
Инфографика — это набор изображений, диаграмм и минимального текста, который дает легкий для понимания обзор темы.
Как и в приведенном ниже примере, в инфографике используются яркие привлекательные визуальные эффекты для быстрой и четкой передачи информации.
ПОЛУЧИТЬ ШАБЛОН
Инфографика — ценный инструмент для визуальной коммуникации. Самая визуально уникальная, креативная инфографика часто оказывается наиболее эффективной, потому что она привлекает наше внимание и не отпускает.
Но важно помнить, что визуальные эффекты в инфографике должны делать больше, чем просто возбуждать и увлекать.Они должны помочь нам понять и запомнить содержание инфографики, как видно из этой инфографики о чтении по ладони от Цзин Чжан:
Готовы погрузиться в работу и создать свою первую инфографику? Ознакомьтесь с полным руководством по дизайну инфографики , чтобы узнать обо всем, что вам нужно для начала работы.
СОХРАНИТЬ МОЕ МЕСТО
Почему используется инфографика?
Инфографика отлично подходит для облегчения усвоения сложной информации.Они могут быть полезны в любое время:
Когда вам нужно кратко изложить кому-то что-то, что трудно объяснить одними словами, инфографика — хороший способ.
Это означает, что инфографика может быть полезна практически в любой отрасли.
Маркетинговая инфографика
Маркетологи используют инфографику для повышения узнаваемости бренда и вовлеченности:
ПОЛУЧИТЬ ШАБЛОН
Маркетологи могут использовать инфографику для:
Консультации и инфографика фрилансера
Консультанты используют инфографику временной шкалы для визуализации графика проекта и упрощения новых / отраслевых тем для своих клиентов:
ПОЛУЧИТЬ ШАБЛОН РАСПРОСТРАНЕНИЯ
Консультанты используют инфографику для:
- Свежее представление данных в презентациях для клиентов
- Укрепите свои аргументы и визуализируйте сроки в предложениях клиентов
- Доставлять клиентам отчеты о проделанной работе.Включите в свой отчет инфографику, чтобы наглядно представить график или прогресс проекта «в цифрах»
Инфографика малого бизнеса и предпринимательства
Малые предприятия и предприниматели используют инфографику для охвата новой аудитории и повышения узнаваемости бренда:
ПОЛУЧИТЬ ШАБЛОН
ПОЛУЧИТЬ ШАБЛОН
Малые предприятия и предприниматели могут использовать инфографику для:
Государственная инфографика
Правительства используют инфографику для обмена статистическими данными и данными переписи:
Источник
Инфографика некоммерческой организации
А некоммерческие организации используют инфографику для продвижения мероприятий и повышения осведомленности о причинах их возникновения:
ПОЛУЧИТЬ ШАБЛОН
Некоммерческие организации используют инфографику для:
- Сделайте данные и информацию о конкретной причине простыми для понимания.Это может быть применено к информационному бюллетеню , , кампании в социальных сетях , , странице пожертвований , , плакату , и многим другим.
- Планирование стратегии кампании
- Показать влияние сбора средств, которое может быть отправлено донорам по электронной почте
- Выделение результатов в годовом отчете
- Продемонстрируйте успехи в отчете о воздействии
- Визуализируйте информацию в кризисных коммуникациях
Инфографика образования
Педагоги и инструкторы используют инфографику, чтобы сделать контент более запоминающимся для студентов и сотрудников:
ПОЛУЧИТЬ ШАБЛОН
Нужно объяснить сложный процесс? Наша инфографика процессов может помочь наглядно представить громоздкие процессы.
Инфографика
может быть полезна всякий раз, когда вам нужно быстро передать информацию или когда вы хотите оказать влияние своими данными или сообщением.
Как создать инфографику?
Если я убедил вас, что инфографика — это инструмент, который вам следует использовать, вы, вероятно, задаетесь вопросом, как создать свою собственную инфографику.
Наше пошаговое руководство по созданию инфографики — отличный ресурс.
В этом видео-руководстве также показано, как создать инфографику всего за 5 шагов:
ПОПРОБОВАТЬ МЕСТО ВРЕМЕНИ
Независимо от того, насколько вы взволнованы, приступив к созданию самой первой инфографики, вы не должны бросаться в процесс разработки без плана игры.
Вместо этого начните с создания схемы инфографики.
Организуйте свою информацию с помощью инфографики
Процесс создания схемы поможет вам организовать свои мысли и убедиться, что ваш контент будет работать в инфографике.
Создайте схему инфографики из существующего контента, используя следующие 4 шага:
- Определите ключевые моменты вашего содержания
- Определите заголовок, заголовки, подзаголовки и факты
- Учитывайте длину абзацев и пунктов
- Включите примечания для дизайнера
ПОЛУЧИТЬ ШАБЛОН
Если начать с наброска в этом формате, то весь остальной процесс проектирования пройдет гладко.
Для более подробного ознакомления с этим процессом, ознакомьтесь с нашим руководством по , как создать схему инфографики .
Выберите шаблон инфографики
Когда у вас есть план, вы можете выбрать шаблон инфографики.
Готовые шаблоны инфографики (например, приведенный ниже) могут дать вам дизайнерское вдохновение, необходимое для создания инфографики. Может быть полезно даже использование их как отправной точки.
ПОЛУЧИТЬ ШАБЛОН
При выборе шаблона инфографики следует учитывать множество факторов, включая цвета, шрифты, длину, размер и стиль каждого шаблона, а также то, насколько хорошо каждый из этих факторов соответствует вашему контенту.
Но самое главное, вам нужно правильно подобрать тип инфографики шаблон для вашего контента.
Вы спросите, какие существуют типы инфографики?
Какие бывают типы инфографики?
В Venngage наша библиотека шаблонов инфографики разделена на 9 различных категорий:
- Статистическая инфографика
- Информационная инфографика
- Инфографика временной шкалы
- Инфографика процесса
- Географическая инфографика
- Сравнительная инфографика
- Иерархическая инфографика
- Инфографика списка
- Инфографика резюме
В этом видео кратко описаны эти 9 типов инфографики и описаны случаи их использования:
Каждый тип инфографики предназначен для визуализации разного типа контента.
Информационная инфографика , например, обычно содержит больше текста, чем другие типы инфографики. Как и этот пример из Course Hero ниже, они лучше всего работают как суммативные, отдельные части, которые обеспечивают подробное объяснение темы.
Есть еще информационная инфографика, объясняющая что-то нишевое, но очень просто. Их удобно использовать в качестве наглядных справочников по новым и незнакомым темам. Инфографика TalentLyft о показателях найма — отличный пример — краткое и приятное резюме шести ключевых показателей найма, которые менеджеры по найму должны понимать и отслеживать.
Статистическая инфографика , с другой стороны, больше ориентирована на числа, диаграммы и данные, например:
ПОЛУЧИТЬ ШАБЛОН
Они, как правило, содержат гораздо меньше текста, чем информационная инфографика, и имеют меньше повествовательного потока. Вместо этого они делают заявление с большими числами и отдельными фактами, как эта инфографика из Интернета вещей.
Точно так же в этой инфографике от Podia о «состоянии побочной суеты» используются числа и стилизация, чтобы выделить наиболее важные моменты с помощью разреженного вспомогательного текста.
Выбор правильного типа шаблона для вашего контента — один из ключей к успешной инфографике.
Для получения полного описания каждого типа инфографики и того, когда их использовать, ознакомьтесь с этим руководством к 9 типам инфографических шаблонов .
Что делает дизайн инфографики эффективным?
Когда дело доходит до создания эффективной инфографики, важно осознавать, что наш мозг ищет в визуальной информации шаблоны, которые помогают нам разобраться в мире.
Мы можем использовать эту идею для визуального структурирования нашей информации и создания шаблонов, которые улучшат сообщение, которое мы пытаемся передать.
Давайте рассмотрим некоторые передовые методы дизайна инфографики, которые помогут вам создавать столь же эффективные, сколь и красивые инфографики.
Также ознакомьтесь с нашей публикацией о 7 способах настройки вашего шаблона инфографики, чтобы узнать больше о том, как сделать ваш дизайн популярным.
Используйте линии, границы и формы для группировки связанной информации
Даже такая простая вещь, как расположение и группировка элементов на странице, может повлиять на то, как наши читатели понимают нашу графику.
Если мы будем использовать основные элементы дизайна, такие как границы, линии, круги и квадраты, для визуальной организации нашего контента, нашим читателям будет легче интерпретировать это содержание.
Например, мы можем заключить связанные элементы в контур или фигуру. В большинстве инфографик, подобных приведенной ниже, используется тактика, позволяющая разбить дизайн на несколько частей, что упрощает сканирование графики.
ПОЛУЧИТЬ ШАБЛОН
В качестве альтернативы, когда структура информации является основным направлением инфографики (например, в организационной диаграмме или блок-схеме), может быть полезно явно связать связанные элементы линиями.Как в этой инфографике маркетинговой схемы:
ПОЛУЧИТЬ ШАБЛОН
Щелкните шаблон выше, чтобы создать организационную схему. Отредактируйте шаблон по своему вкусу — опыт проектирования не требуется.
Хотите больше советов по организации информации в инфографике? Ознакомьтесь с нашим пошаговым руководством на , как обобщить информацию и представить ее визуально .
Используйте один контрастный цвет, чтобы привлечь внимание читателей
Еще один важный элемент дизайна, о котором стоит задуматься, — это цвет.Мы, естественно, склонны использовать цвет, чтобы инфографика выглядела красиво, но цвет также можно использовать как мощный инструмент коммуникации.
Так же, как линии и границы, цвета могут использоваться для обозначения группировки информации, как показано в примере инфографики бизнес-стратегии ниже:
ПОЛУЧИТЬ ШАБЛОН
Но что еще более важно, мы можем использовать цвет, чтобы привлечь внимание к определенным фрагментам информации и отодвинуть вспомогательную информацию на задний план.
Выберите один цвет, который контрастирует со всеми другими цветами рисунка, и используйте его, чтобы выделить наиболее важную информацию.
Возьмем для примера приведенную ниже инфографику. Ярко-желтые круги контрастируют с синим фоном, чтобы выделить значки (наиболее важный визуальный аспект изображения). Эта стратегия также оказалась очень модной — яркие цвета — одна из самых больших тенденций графического дизайна 2020 года.
ПОЛУЧИТЬ ШАБЛОН
Вам нужна инфографика, вдохновляющая цветовой схемой? Ознакомьтесь с нашим руководством по , как выбрать цвета для инфографики .
Создание текстовой иерархии с тремя разными стилями шрифта
Шрифты — это первое, что люди замечают, когда впервые смотрят на инфографику. При неправильном выборе шрифты могут испортить отличную инфографику. Наш обзор популярных шрифтов направит вас на верный путь.
Ключом к правильному использованию шрифтов в инфографике является создание четкой текстовой иерархии с тремя различными стилями шрифтов: одним для основного заголовка, одним для заголовков разделов и одним для основного текста.
Шрифт основного заголовка должен быть самым большим и может быть наиболее стилизованным. Думайте об этом как о способе задать настроение вашей инфографике.
Шрифт заголовков разделов должен быть немного меньше и менее стилизован, но он все равно должен выделяться на странице.
Наконец, шрифт основного текста должен быть минимальным и не стилизованным. Он должен быть максимально легким для чтения.
Не знаете, как выглядит читаемый шрифт? Вот краткое справочное руководство по шрифтам, которые отлично подходят для основного текста:
ПОЛУЧИТЬ ШАБЛОН
Дополнительные советы и рекомендации по использованию шрифтов для инфографики можно найти в нашем руководстве, посвященном выбору шрифтов для инфографики .
Используйте изображения, значки и иллюстрации, чтобы сделать важные выводы запоминающимися
И последнее, но не менее важное: убедитесь, что в центре внимания вашей инфографики находятся такие визуальные элементы, как изображения, символы, значки, иллюстрации и диаграммы.
Визуальные эффекты имеют решающее значение для того, чтобы сделать вашу информацию интересной и запоминающейся. Лучшая инфографика имеет равный баланс текста и визуальных эффектов.
Самый простой способ убедиться, что в вашем графике достаточно визуальных элементов, — это добавить значок для представления каждого заголовка, как показано в примере ниже:
ПОЛУЧИТЬ ШАБЛОН
Или, что еще лучше, создайте наглядные примеры каждой основной точки инфографики, как показано в этом примере от Elle & Company:
Очень важно получать удовольствие от дизайна.Необязательно быть строго деловым и серьезным. Инфографика должна быть увлекательной и запоминающейся, а иллюстрации — отличное средство для рассказа историй.
Создаете инфографику с большим объемом данных и вам нужна помощь в визуализации данных? Ознакомьтесь с нашими руководствами по созданию эффективных диаграмм и , выбирая лучшие диаграммы для своей инфографики .
Заключение
Лучшая инфографика использует комбинацию текста, изображений и данных для информирования и взаимодействия.
Если вы готовы создавать инфографику, которая обеспечивает идеальный баланс между развлечением и обучением, обязательно следуйте этим рекомендациям по созданию инфографики:
- Используйте линии, границы и формы для группировки связанной информации.
- Используйте один контрастный цвет, чтобы привлечь внимание к ключевой информации.
- Создайте иерархию текста с тремя разными стилями шрифта.
- Используйте изображения, значки и иллюстрации, чтобы сделать важные выводы запоминающимися.
Чтобы получить дополнительную помощь по началу работы с вашей первой инфографикой, ознакомьтесь с этим руководством: Как создать инфографику за 5 шагов .
Не дизайнер? Без проблем. Создайте инфографику сегодня, используя наши простые в редактировании шаблоны и простой онлайн-редактор.
СОЗДАЙТЕ ИНФОГРАФИЮ БЕСПЛАТНО
Как сделать инфографику за 5 шагов (Руководство)
Если вы хотите создать инфографику, которая привлекает, резюмирует и информирует, вы попали в нужное место.
С точки зрения того, кто не является дизайнером, создание красивой и эффективной инфографики может показаться невыполнимой задачей … но это далеко от истины.Следуйте приведенному ниже руководству по дизайну инфографики для начинающих, чтобы узнать, как сделать свою собственную.
Как сделать инфографику:
- Обозначьте цели создания инфографики
- Соберите данные для своей инфографики
- Визуализация данных для инфографики
- Создайте свой макет с помощью шаблона инфографики
- Добавьте стиля своему инфографическому дизайну, чтобы он выделился
СОЗДАТЬ ИНФОРМАЦИЮ
НОВИНКА! Запуск: авторитетное руководство по созданию инфографики
С помощью этого подробного и доступного руководства любой желающий может создать профессиональную инфографику.Он наполнен идеями, передовыми методами, примерами, контрольными списками и многим другим — всем, что вам нужно, чтобы сделать инфографику, которая выделялась бы на первом плане.
Узнайте, как создавать профессиональную инфографику, которая поможет вам в достижении ваших коммуникационных и деловых целей. Книгу можно посмотреть здесь:
ПОЛУЧИТЬ КОПИЮ
Мы также покажем вам шаблоны инфографики Venngage, чтобы вы могли быстро приступить к работе.
Вот видео-обзор шагов, описанных в этом руководстве:
СОЗДАТЬ ИНФОГРАФИЮ
Давайте рассмотрим каждый шаг более подробно.
1. Обозначьте цели создания инфографики
Инфографика — это средство визуальной коммуникации, которое можно использовать для:
Сделайте краткий обзор темы
Независимо от того, представляете ли вы новую концепцию, которую трудно понять, излагаете ли вы шаги в плане проекта или вводите новую политику, обобщение информации с помощью инфографики может устранить путаницу. Коллеги будут вечно благодарны:
СОЗДАТЬ ИНФОГРАФИЮ
Объясните и упростите сложный процесс
Новые процессы могут вызвать путаницу.Если это сложный процесс, который людям может быть трудно осмыслить, попробуйте создать инфографику процесса, которую ваша аудитория или клиенты могут использовать в качестве справочника:
СОЗДАТЬ ИНФОГРАФИЮ
Инфографика процессов может быть полезна для демистификации абстрактных процессов, таких как путь клиента:
СОЗДАТЬ ИНФОГРАФИЮ
СОЗДАТЬ ИНФОГРАФИЮ
Показать результаты исследований или данные опросов
Инфографика
— идеальный способ поделиться данными опросов, потому что они позволяют вам рассказать историю с вашими данными.Это особенно удобно, если вы публикуете данные своего опроса в социальных сетях, в блоге или в официальном документе. Инфографика дает возможность привлечь внимание к данным вашего опроса. Возьмем эту инфографику статистики контент-маркетинга, например:
СОЗДАТЬ ИНФОГРАФИЮ
Обобщение длинного сообщения в блоге или отчета
Когда у вас есть длинный пост в блоге или отчет, может быть полезно резюмировать ключевые моменты в инфографике. Это облегчает читателям поиск наиболее важной информации.
Вместо того, чтобы отвечать на одни и те же вопросы после отправки отчета или чтобы люди упускали важные детали, сводный визуальный отчет помогает устранить эти проблемы:
СОЗДАТЬ ИНФОГРАФИЮ
Вот еще один пример инфографики, который можно использовать для обобщения информации, которая многим может показаться сухой и скучной:
СОЗДАТЬ ИНФОГРАФИЮ
Сравните и сравните несколько вариантов
Когда вам предлагаются два хороших варианта, как вы принимаете решение? Запишите плюсы и минусы каждого из них.Инфографика сравнения — это визуальный способ сравнить продукт, планы, аргументы и идеи:
СОЗДАТЬ ИНФОГРАФИЮ
Расскажите о проблеме или причине
Использование социальных каналов для повышения осведомленности важно для многих организаций. Инфографика может помочь вам рассказать историю с помощью данных — противопоставить числа.
СОЗДАТЬ ИНФОГРАФИЮ
Прежде чем вы начнете думать о дизайне макета, диаграммах или эстетике, вам нужно хорошенько подумать о целях вашей инфографики.Зачем вы делаете эту инфографику?
Когда я говорю о целях, я не имею в виду цели высокого уровня, такие как «обобщение сложной информации» или «улучшение посещаемости веб-сайта».
Я имею в виду четких, конкретных, достижимых коммуникационных целей .
Определите проблему горения
Помните, что вы создаете эту инфографику, чтобы ваша аудитория могла извлечь что-то очень конкретное, прочитав ее. Эта очень конкретная вещь должна стать жгучей проблемой в жизни вашей аудитории, которую ваша инфографика собирается решить.
Используйте пирамиду вопросов
Оттуда используйте пирамиду вопросов , чтобы взять эту животрепещущую проблему и превратить ее в 3-5 действенных вопросов, которые нужно решить в своей инфографике:
СОЗДАТЬ ДИАГРАММУ
Эти вопросы станут основой для построения инфографики и помогут рассказать интересную историю.
Вспомогательные вопросы должны раскрывать основную информацию, которую ваша аудитория должна будет знать, чтобы понять основную тему, и зондирующие вопросы, которые позволят раскрыть более широкие идеи, которые в конечном итоге должны решить насущную проблему.
Давайте рассмотрим пример. В этой инфографике описаны этапы процесса разработки продукта:
СОЗДАТЬ инфографику процесса
Актуальная проблема, которую они пытаются решить, — «какие этапы процесса разработки продукта?» Их пирамида вопросов может выглядеть примерно так:
Определение острой проблемы и использование пирамиды вопросов для разбивки ее на вопросы, требующие решения, — это первый шаг к созданию эффективной инфографики.Если вы прошли через этот процесс и все еще не уверены, какую историю следует рассказать, узнайте больше о том, как раскрыть свою инфографическую историю.
Вернуться к содержанию
СОХРАНИТЬ МОЕ МЕСТО
2. Соберите данные для своей инфографики
Вам понадобятся некоторые данные, которые помогут вам ответить на каждый вопрос, который вы задали на первом этапе.
Если у вас есть собственные данные, отлично — можете переходить к третьему шагу! Если нет, не волнуйтесь.Вам доступны тонны общедоступных данных (одни только США производят около 2,7 миллиона ГБ данных в минуту), если вы просто знаете, где искать.
Давайте рассмотрим некоторые стратегии получения полезных данных без необходимости проводить собственное исследование.
Уточните свой поиск в Google
Google часто является лучшим местом для начала поиска. Более эффективный таргетинг на поиск в Google с помощью символов и поисковых запросов, связанных с данными:
- Используйте кавычки для поиска точной фразы
- Например, «этапы процесса разработки продукта»
- Используйте знак минус, чтобы исключить термины из поиска
- Например, дизайн продукта -jobs
- Добавьте «данные» к поисковой фразе
- Например, дизайн продукта данные
- Добавить файл формата, специфичного для данных (например,грамм. xls, csv, tsv) к поисковой фразе
- Например, дизайн продукта xls
Поиск в существующих хранилищах данных
Хотя поиск в Google выполняется быстро и легко, часто вы получаете беспорядочные данные, требующие некоторой очистки, что может занять много времени. Просмотрите эти репозитории данных, чтобы найти данные, готовые к использованию:
- Открытые данные правительства США: данные обо всем, от сельского хозяйства, климата и экосистем до образования, здравоохранения и общественной безопасности
- Данные переписи населения США для социальных, экономических исследований и исследований в области здравоохранения: U.Данные переписи S. с 1790 г. по настоящее время
- Statista: Исследование рынка
- Kaggle: загружаемые пользователями наборы данных по всему, от шоколадных плиток до финансирования стартапов
- Pew Research: исследования демографии, общественного мнения, медиа-контента и т. Д.
- Исследование использования времени в Америке: данные о количестве времени, которое американцы проводят, занимаясь различными видами деятельности, такими как сон, еда и занятия спортом.
- Google Trends Datastore: кураторские наборы данных из лаборатории новостей Google
- Google Scholar: удобная система поиска академических публикаций
- Data is Plural: тщательно подобранный список интересных и актуальных наборов данных, обновляемый еженедельно.
- AggData: данные о местонахождении предприятия
- Cool Datasets: самопровозглашенное «место, где можно найти интересные наборы данных»
Если обе эти стратегии не помогут, вам, возможно, придется собирать собственные данные.Чтобы узнать больше, ознакомьтесь с нашими предложениями по проведению собственного исследования и прочтите наше подробное руководство по сбору данных.
Вернуться к содержанию
3. Визуализация данных для инфографики
Теперь у вас есть вопросы, на которые вы хотите ответить, и данные, необходимые для ответа на них. Следующим шагом должно стать решение, как представить эти данные визуально.
В этом видео обобщается наш простой метод выбора лучших диаграмм для вашей инфографики:
Мы разработали метод ICCORE , чтобы помочь вам выбрать лучшие диаграммы для ваших данных.Во-первых, для каждого фрагмента данных, который вы хотите визуализировать, определите, будет ли основная цель:
- I нформ,
- C по сравнению,
- C подвесной,
- O организация,
- R eveal Relations, или
- E xplore.
Затем используйте передовой опыт для этой цели, чтобы найти правильную диаграмму для ваших данных.
Давайте рассмотрим каждую цель по очереди:
Информ
Вы хотите передать важное сообщение или данные, для понимания которых не требуется особого контекста.
Выделите числовую статистику с помощью большого, жирного, красочного текста:
Требуйте дополнительного внимания, сочетая значки с текстом:
Выделите процент или коэффициент с помощью кольцевой диаграммы или пиктограммы:
Сравнить
Вы хотите показать сходство или различие между ценностями или частями целого. Инфографика сравнения поможет провести параллели между несколькими данными.
Используйте гистограмму, столбчатую диаграмму, пузырьковую диаграмму или пузырьковое облако для сравнения независимых значений.
Используйте круговую диаграмму, кольцевую диаграмму, пиктограмму или древовидную карту для сравнения частей целого.
Используйте линейчатую диаграмму с накоплением или столбчатую диаграмму с накоплением для сравнения категорий и частей целого.
Используйте диаграмму с накоплением областей для сравнения тенденций с течением времени.
Изменить
Вы хотите показать тенденции во времени или пространстве.
Используйте линейную диаграмму или диаграмму с областями, чтобы показать непрерывные во времени изменения.
Используйте шкалу времени для отображения дискретных событий во времени.
Вот пример инфографики временной шкалы:
СОЗДАЙТЕ ИНФОРМАЦИЮ ВРЕМЕНИ
Используйте картограмму для отображения пространственных данных.
Используйте серию карт для отображения данных, которые меняются как в пространстве, так и во времени.
Организовать
Вы хотите показать группы, шаблоны, ранг или порядок.
Используйте список для отображения ранга или порядка, если вы хотите предоставить дополнительную информацию о каждом элементе.
Используйте таблицу для отображения ранга или порядка, если вы хотите, чтобы читатели могли искать определенные значения.
Используйте блок-схему, чтобы показать порядок в процессе.
Используйте простые рамки или рамки для отображения организованных групп (как показано на диаграммах Венна и интеллектуальных картах).
Вот пример инфографики интеллект-карты:
СОЗДАЙТЕ ИНФОРМАЦИОННУЮ КАРТУ
В противном случае отобразите ранг или порядок с помощью гистограммы, столбчатой диаграммы, пузырьковой диаграммы или пирамидальной диаграммы.
Связь
Вы хотите выявить более сложные отношения между вещами.
Используйте диаграмму рассеяния, если вы хотите отобразить две переменные для набора данных.
Используйте многосерийный график, если вы хотите сравнить несколько наборов связанных данных.
СОЗДАТЬ ДИАГРАММУ
Изучить
Вы хотите, чтобы читатель изучал данные и сам делал выводы.
Не существует волшебной палочки для исследования — стиль визуализации действительно будет зависеть от специфики ваших данных. Интерактивные диаграммы, подобные этой, которые позволяют фильтровать, сортировать и детализировать, часто являются лучшим выбором, но их разработка может быть дорогостоящей и трудоемкой. Если вы новичок в визуализации, постарайтесь придерживаться других вариантов.
Это краткое изложение нашего метода ICCORE. Теперь у вас должно быть все необходимое, чтобы выбрать подходящие диаграммы для каждого набора данных, который вы хотите визуализировать.Просто подумайте о том, что вы хотите подчеркнуть, и выберите свою диаграмму соответственно.
Для получения дополнительных примеров и передовых методов работы с диаграммами ознакомьтесь с нашим полным руководством о том, как выбрать лучшие диаграммы для ваших данных.
Вернуться к содержанию
4. Создайте свой макет с помощью шаблона инфографики
Осталось только верстка и дизайн.
Размещение первого элемента на странице может быть сложной задачей, но есть несколько приемов, которые позволят избавиться от некоторых догадок из уравнения.
Создайте естественный информационный поток
Используйте пирамиду вопросов, которую вы разработали на первом этапе, чтобы направлять дизайн-макет и информационный поток.
Начните с того, что расскажите читателю, что он получит от вашей инфографики (например, превратите злободневную проблему в заголовок), проследите за диаграммами, которые отвечают на «вспомогательные вопросы», а затем доведите все до дома с помощью диаграмм, которые обращаются к «Зондирующие вопросы».
Используйте макет сетки, чтобы добавить структуру и сбалансированность своей инфографике
Размещение элементов с помощью предопределенной симметричной сетки — это простая тактика, которая мгновенно улучшит вашу инфографику.
Он придаст вашим элементам некоторый необходимый порядок и, учитывая, что мы, естественно, читаем слева направо и сверху вниз, его можно использовать, чтобы направить взгляд вашего читателя от элемента к элементу.
Используйте центрированный дизайн с одной колонкой для контента с линейным потоком:
Источники: Everlane.com, Ziploc.com
Используйте макет с двумя столбцами для сравнения. Ниже приведен пример сравнительной инфографики:
Источники: RemoteRelief, The Guardian, FoodBeast
Рассмотрите возможность использования многосекционного макета, когда порядок чтения менее важен:
Источники: Лорен Конрад, Lemonly
.
Какой бы макет вы ни использовали, размещение элементов через равные промежутки времени создаст удовлетворительное ощущение структуры и баланса.
Связанные : 7 советов, как сделать хорошую инфографику
Сделайте инфографику с помощью готового инфографического шаблона
Если создание макета с нуля кажется вам слишком сложным, мы предлагаем готовые шаблоны инфографики, которые вы можете персонализировать в соответствии с вашими данными. Уловка состоит в том, чтобы выбрать тот, который хорошо сочетается с вашим контентом.
Лучший способ сделать это — на время забыть о цвете, стиле и типах диаграмм. Сначала выберите шаблон инфографики, основанный на его структуре, а затем поиграйте с его стилем.
Это краткое видео-руководство поможет вам выбрать лучший тип инфографики для ваших данных:
Есть список или процесс? Найдите центрированный шаблон инфографики в одну колонку, чтобы гарантировать, что каждый шаг читается по порядку. Ниже приведен пример инфографики процесса:
СОЗДАТЬ ИНФОГРАФИЧЕСКИЙ ШАБЛОН
Хотите сравнить две диаграммы? Найдите шаблон инфографики из двух столбцов:
СОЗДАТЬ ЭТОТ ШАБЛОН ДЛЯ СРАВНЕНИЯ
Есть 3 одинаково важных характеристики? Найдите шаблон инфографики из трех столбцов:
СОЗДАТЬ ШАБЛОН
Есть тонны данных? Найдите минимальный шаблон инфографики с 4 или 5 разделами:
СОЗДАТЬ ШАБЛОН ИЗ 5 СЕКЦИЙ
Здесь применимо все, о чем мы говорили в предыдущем разделе.При выборе шаблона инфографики подумайте, сколько у вас элементов и как должна развиваться ваша история.
После того, как у вас есть шаблон инфографики, просто поменяйте местами свой контент, и вперед в гонки.
Вернуться к содержанию
5. Добавьте стиля своему инфографическому дизайну, чтобы он выделился
А теперь самое интересное — манипулировать элементами дизайна, чтобы добавить немного изящества и сделать вашу инфографику эстетически приятной и ясной.
Как выбрать шрифты для инфографики
Начните с вашего текста.
Постарайтесь сделать это просто. Думайте об инфографике как о визуальном резюме — текст, который там должен быть абсолютно необходим, чтобы понимать основные концепции и дополнять визуальные эффекты. Сократите текст до коротких абзацев (максимум) примерно на уровне чтения шестого класса.
После того, как вы разобрались с копией, выберите читаемый шрифт для основной части текста, затем увеличьте размер и стиль основного заголовка, заголовков разделов и выделения данных, чтобы суть вашей инфографики была сразу видна:
СОЗДАТЬ ШАБЛОН
Хотите овладеть искусством типографики? Получите полное изложение того, как выбрать шрифты для своей инфографики.
Как использовать повторение, последовательность и согласованность в вашей инфографике
Затем добавьте несколько дополнительных графических элементов, чтобы придать вашим композициям некоторый ритм и визуальный интерес.
Помните те сетки, о которых мы говорили ранее? Простой способ собрать вашу композицию — повторить основные формы, чтобы усилить основную сетку:
СОЗДАТЬ ШАБЛОН
Или используйте основные формы, чтобы выделить заголовки и элементы списка:
СОЗДАТЬ ШАБЛОН
Или добавьте значки, чтобы усилить важные концепции в тексте.Сохраняйте одинаковый цвет, стиль и размер значков и объедините все вместе с помощью дополнительных форм фона:
СОЗДАТЬ ШАБЛОН
Что бы вы ни делали, убедитесь, что повторяющиеся элементы, которые вы добавляете, выровнены! Даже небольшие перекосы могут нарушить баланс:
СОЗДАТЬ ШАБЛОН
Это лишь некоторые из способов, которыми мы любим добавить изюминку в нашу инфографику. Важно помнить, что повторяющиеся, выровненные элементы создают визуальный ритм, который может сделать композицию более законченной.
Вот шпаргалка с некоторыми из наиболее распространенных символов и значений, которые можно найти в графическом дизайне, а также советы по их использованию для визуализации идей:
СОЗДАТЬ ШАБЛОН
Как использовать негативное пространство в дизайне инфографики
Негативное пространство (также известное как пробел) относится к областям страницы, не содержащим текста или изображений. Любой дизайнер скажет вам, что негативное пространство так же важно, как и любой другой элемент дизайна.
Точно так же, как при фотографировании вы оставляете пространство по обе стороны от объекта, вы должны оставить пространство вокруг каждой основной группы элементов в вашей инфографике.
Это означает наличие полей по краям инфографики:
СДЕЛАТЬ ИНФОГРАФИЮ
И промежутки между несвязанными элементами, позволяющие сразу понять, какие элементы сгруппированы вместе:
СОЗДАТЬ ШАБЛОН
Пробел также влияет на то, как мы читаем цвет — гораздо проще заставить цвета гармонично сочетаться друг с другом, добавив немного пробелов:
Признак опытного дизайнера — владение негативным пространством.Как любитель, ваш дизайн улучшится, как только вы начнете думать о негативном пространстве!
Как подобрать цвета при создании инфографики
Наконец, мы подошли к цвету. Есть причина, по которой я оставил это до конца. Хотя цвет — мощный инструмент коммуникации, действительно отличный дизайн инфографики должен эффективно общаться в черно-белом цвете. Думайте о цвете как о дополнительном бонусе — способе помочь читателю понять ваш контент.
Используйте цвет, чтобы выделить важную информацию:
СОЗДАТЬ ШАБЛОН
Или для группировки связанных элементов:
СОЗДАТЬ ШАБЛОН
Не упускайте из виду нейтральных.С ними легко работать, и когда они используются для компенсации ярких цветов, они действительно могут составить композицию:
СДЕЛАТЬ РЕЗЮМЕ
Когда дело доходит до комбинирования цветов, мы поможем вам. Мы собрали несколько цветовых схем, которые подойдут для ряда инфографики.
ПОЛУЧИТЬ БОЛЬШЕ ЦВЕТОВЫХ СХЕМ
Вот и все! Если вы не забываете думать о шрифтах, повторении и выравнивании, отрицательном пространстве и цвете, ваша инфографика обязательно получится.Ознакомьтесь с крупнейшими тенденциями графического дизайна 2020 года, чтобы получить еще больше идей.
Вернуться к содержанию
Давайте рассмотрим основные этапы создания инфографики:
- Обозначьте цели создания инфографики
- Соберите данные для своей инфографики
- Визуализация данных для инфографики
- Создайте свой макет с помощью шаблона инфографики
- Добавьте стиля своей инфографике, чтобы выделить ее
Если вы зашли так далеко, ваши навыки дизайна инфографики намного опережают большинство людей, не являющихся дизайнерами.Вы должны хорошо понимать, как создать инфографику за 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, мечта ботаника.Если вам когда-либо приходилось бесцельно листать списки лучших бесплатных шрифтов, эта шпаргалка поможет вам переориентировать поиск, предоставив некоторые ключевые правила.
Следующая страница: Еще лучшая инфографика
Информационная графика — Энциклопедия Нового Света
Карта метро Вашингтонского метрополитена
Информационная графика или Инфографика — это визуальные представления информации, данных или знаний. Эти графические изображения используются везде, где сложную информацию необходимо объяснять быстро и четко, [1] , например, в знаках, картах, в журналистике, технических письмах и образовании.Они также широко используются компьютерными учеными, математиками и статистиками в качестве инструментов для облегчения процесса разработки и передачи концептуальной информации.
От значков в графическом пользовательском интерфейсе компьютеров до религиозной символики, образы или графическое представление знаний имеют различные значения. Хотя использование информационной графики сегодня популярно, механизм и роль воображения или образов в человеческом понимании, коммуникации и семиотических последствиях еще предстоит исследовать.
Обзор
Сегодня информационная графика окружает нас в средствах массовой информации, в публикуемых работах, как пешеходных, так и научных, в дорожных знаках и руководствах. Они иллюстрируют информацию, которая была бы громоздкой в текстовой форме, и выступают в качестве визуального обозначения повседневных понятий, таких как «стоп и вперед».
В газетах для отображения погоды обычно используется инфографика, а также карты и планы участков для событий, заслуживающих освещения в печати, и графики для статистических данных. Некоторые книги почти полностью состоят из информационной графики, например, «Как работают вещи» Дэвида Маколея.Хотя они широко используются в детских книгах, они также распространены в научной литературе, где они иллюстрируют физические системы, особенно те, которые нельзя сфотографировать (например, диаграммы в разрезе, астрономические диаграммы и изображения микроскопических или субмикроскопических систем).
В современных картах, особенно в картах маршрутов для транспортных систем, используются методы инфографики для интеграции различной информации, например концептуальной схемы транспортной сети, точек пересадки и местных ориентиров.
Дорожные знаки и другие общественные знаки в значительной степени опираются на информационную графику, такую как стилизованные человеческие фигуры (вездесущие фигурки), значки и эмблемы для обозначения таких понятий, как выход, осторожность и направление движения. Общественные места, такие как транзитные терминалы, обычно имеют своего рода интегрированную «систему указателей» со стандартными значками и стилизованными картами.
В технических руководствах широко используются диаграммы, а также общие значки для выделения предупреждений, опасностей и сертификатов стандартов.
История
Ранние эксперименты
В доисторические времена древние люди создали первую информационную графику: наскальные рисунки, а затем и карты. Создание карт началось за несколько тысячелетий до написания, а карты в Чатал-Хююке датируются примерно 7500 — годами до н. Э. Более поздние иконы использовались для учета скота и скота. Индейцы Мезоамерики использовали образы, чтобы изобразить путешествия прошлых поколений. Сами по себе неразборчивые, они служили вспомогательным элементом для памяти и повествования.
В 1626 году Кристофер Шайнер опубликовал модель Rosa Ursina sive Sol , в которой использовались различные графические изображения, чтобы показать свои астрономические исследования Солнца. Он использовал серию изображений, чтобы объяснить вращение Солнца во времени (отслеживая солнечные пятна).
В 1786 году Уильям Плейфер опубликовал первые графики данных в своей книге «Коммерческий и политический атлас». Книга заполнена статистическими графиками, которые представляют экономику Англии восемнадцатого века с использованием гистограмм и гистограмм.В 1801 году Playfair представила первую диаграмму с областями в статистическом бревиарии .
Информационная графика Чарльза Минара о вторжении Наполеона в Россию.
В 1861 году была выпущена основополагающая информационная графика на тему катастрофического марша Наполеона на Москву. Создатель, Чарльз Джозеф Минард, запечатлел четыре различных изменяющихся фактора, которые способствовали провалу, на едином двухмерном изображении: направление армии во время движения, местоположение, через которое прошли войска, размер армии, когда войска умирали от голода. и раны, и мороз, который они пережили.
Джеймс Джозеф Сильвестр ввел термин «граф» в 1878 году и опубликовал набор диаграмм, показывающих взаимосвязь между химическими связями и математическими свойствами. Это также были первые математические графики.
Развитие визуального языка в ХХ веке
В 1936 году Отто Нейрат представил систему пиктограмм, предназначенную для использования в качестве международного визуального языка или языка изображений. Изотип включал в себя набор стилизованных человеческих фигур, которые легли в основу повсеместных современных фигурок из палочек.
В 1942 году Исидор Ису опубликовал латышский манифест.
Олимпийские игры 1972 года в Мюнхене были местом, где Отл Айхер представил новый набор пиктограмм, которые оказались чрезвычайно популярными и повлияли на повсеместные современные фигурки из палочек, используемые в общественных знаках.
Также в 1972 году Pioneer Plaque был запущен в космос с помощью зонда Pioneer 10. На табличке была начертана информационная графика, задуманная как своего рода межзвездное сообщение в бутылке, разработанная Карлом Саганом и Фрэнком Дрейком.Сообщение уникально тем, что оно предназначено для понимания внеземными существами, у которых нет общего языка с людьми. На нем изображены мужчина и женщина, стоящие перед упрощенным силуэтом зонда, чтобы дать ощущение масштаба. Он также содержит карту расположения Солнца относительно ряда пульсаров и упрощенное изображение Солнечной системы, где путь зонда от Земли в космическое пространство показан стрелкой.
Предметы информационной графики
Устройства визуальные
Информационная графика — это визуальные устройства, предназначенные для быстрой и четкой передачи полной информации.По словам Дуга Ньюсома, устройства включают [1] диаграмм, диаграмм, графиков, таблиц, карт и списков. Среди наиболее распространенных устройств — горизонтальные гистограммы, вертикальные столбчатые диаграммы и круглые или овальные круговые диаграммы, которые могут суммировать большой объем статистической информации. Диаграммы могут использоваться, чтобы показать, как работает система, и могут быть организационной схемой, которая показывает линии полномочий, или блок-схемой системы, которая показывает последовательное движение. Иллюстрированная графика использует изображения для связанных данных. Обычно используются таблицы, которые могут содержать много чисел.Современные интерактивные карты и маркированные числа также являются устройствами для инфографики. [1]
Элементы информационной графики
Основным материалом информационного графического изображения являются данные, информация или знания, которые он представляет. В случае данных создатель может использовать автоматизированные инструменты, такие как программное обеспечение для построения графиков, для представления данных в виде линий, прямоугольников, стрелок и различных символов и пиктограмм. Информационная графика может также содержать ключ, который определяет визуальные элементы на простом английском языке.Также распространены шкала и метки.
Интерпретация информационных графиков
Многие информационные графические элементы представляют собой специализированные формы изображения, которые представляют их содержание сложными и часто абстрактными способами. Чтобы правильно интерпретировать значение этой графики, зрителю требуется соответствующий уровень графичности. Во многих случаях необходимая графическая составляющая включает в себя навыки понимания, которые приобретаются, а не врожденные. На фундаментальном уровне необходимо овладеть навыками декодирования отдельных графических знаков и символов, прежде чем можно будет понять информационную графику в целом.Однако знание правил распределения и расположения этих отдельных компонентов также необходимо для понимания.
Устный перевод на общий визуальный язык
В отличие от вышесказанного, многие другие формы инфографики используют врожденный визуальный язык, который в значительной степени универсален. Дисциплинированное использование красного цвета для акцента на приглушенном дизайне требует внимания в первобытной манере, которую понимают даже дети. Многие карты, интерфейсы, шкалы и датчики на инструментах и оборудовании используют значки, которые легко понять и быстро понять для безопасной работы.Использование значков кролика и черепахи для обозначения скорости и скорости, соответственно, является одним из таких успешных примеров использования компанией John Deere дроссельной заслонки своих тракторов.
Современные практики
Статистик и скульптор Эдвард Тафте написал серию высоко оцененных книг по теме информационной графики. Он описывает процесс включения многих измерений информации в двумерное изображение как «побег с плоской земли» (имея в виду двумерный мир викторианской новеллы Flatland ).
Работа, проделанная Питером Салливаном для The Sunday Times в 1970-х, 80-х и 90-х годах, была одним из ключевых факторов, побудивших газеты использовать больше графики. Салливан также является одним из немногих авторов, писавших об информационной графике в газетах. Точно так же штатные художники USA Today , красочной американской газеты, дебютировавшей в 1982 году, твердо утвердили философию использования графики для облегчения восприятия информации. Газету критиковали за чрезмерное упрощение новостей и иногда за создание инфографики, в которой развлечение подчеркивалось, а не уважению к контенту и данным, что иногда называют мусором.Несмотря на то, что он заслуживает большей части этих насмешек, его роль в создании инфографики как практики нельзя игнорировать.
Найджел Холмс — признанный коммерческий создатель того, что он называет «поясняющей графикой». Его работы касаются не только визуального отображения информации, но и знаний о том, как что-то делать. Он создавал графику для журнала Time в течение 16 лет и является автором нескольких книг по этой теме.
Близким и тесно связанным с областью информационной графики является информационный дизайн.На самом деле создание инфографики — это определенная дисциплина в мире информационного дизайна. Автор и основатель конференции TED Ричард Саул Вурман считается автором фразы «информационный архитектор», и многие из его книг, такие как Information Anxiety , помогли продвинуть фразу «информационный дизайн». от концепции к актуальной категории работы.
Хотя искусство инфографики уходит корнями в печать, к 2000 году использование анимации на основе Adobe Flash в сети позволило сделать картографические решения и другие продукты популярными и увлекательными благодаря использованию многих ключевых передовых методов инфографики. .
Аналогичным образом, их использование на телевидении относительно недавно, поскольку в 2002 году два норвежских музыканта из Röyksopp выпустили музыкальное видео на свою песню «Напомни мне», которое было полностью снято на основе анимированной инфографики. В 2004 году в телевизионной рекламе французской энергетической компании Areva использовалась аналогичная анимированная инфографика, и оба этих видео и их высокая наглядность помогли корпоративному миру признать ценность использования этой формы визуального языка для эффективного описания сложной информации.
Использование графических значков в компьютерах и других электронных устройствах — обычное дело. Графический пользовательский интерфейс также является разновидностью информационной графики.
Роль образов и образов в человеческом понимании поднимает различные философские вопросы. Идеи графического изображения часто обсуждались в рамках эпистемологии и эстетики. Это также предмет философии языка.
Платон не признавал ценности образов в человеческом понимании.Для Платона реальность можно познать только через разум, а мир, переживаемый посредством чувств, является эфемерной «тенью» реальности. Таким образом, образы существуют между разумом и чувственным восприятием. Аристотель, с другой стороны, признавал ценность образов и их роль в человеческом понимании. Однако современные эмпирики признали важность образов. Для Юма, например, все объекты мысли суть ментальные образы; кроме того, объекты мысли и объекты восприятия различаются только степенью ясности.Кант далее развил роль воображения как в своей теории познания, так и в эстетическом суждении. Изучение знаков и символов также развивалось в двадцатом веке как семиотика или семиология.
См. Также
- Графический дизайн
- Воображение
- Информационный дизайн
- Семиотика
- Визуальное мышление
Заметки
- ↑ 1.0 1.1 1.2 Дуг Ньюсом и Джим Хейнс, Публикации по связям с общественностью: Форма и стиль (2004), 236.
Список литературы
- Кливленд, Уильям С. 1985. Элементы графических данных . Саммит, Нью-Джерси: Hobart Press.
- Кливленд, Уильям С. 1993. Визуализация данных . Саммит, Нью-Джерси: Hobart Press. ISBN 9780963488404
- Хэнкинс, Томас Л. 1999. «Кровь, грязь и номограммы: особая история графиков». В Исида , 90: 50–80.
- Харрис, Роберт Л. 1999. Информационная графика: исчерпывающий иллюстрированный справочник .Издательство Оксфордского университета. ISBN 9780964692503
- Леви, Пол. 2006. «Кстати о графике», DataScope. Проверено 16 сентября 2008 г.
- Мейер, Эрик К. 1997. Разработка инфографики . Индианаполис, штат Индиана: Hayden Books. ISBN 9781568303390
- Тафт, Эдвард Р. 1997. Визуальные объяснения: изображения и количества, свидетельства и рассказ . Чешир, Коннектикут: Graphic Press. ISBN 97809613
- ———. 1983. Визуальное отображение количественной информации .Издание, Чешир, Коннектикут: Graphics Press.
- ———. 1990. Предвидение информации . Чешир, Коннектикут: Graphics Press.
- ———. 2006. Beautiful Evidence, Cheshire, CT: Graphics Press. ISBN 97809613
- Тьюки, Джон Уайлдер. 1977. Исследовательский анализ данных, Рединг, Массачусетс: Аддисон-Уэсли. ISBN 9780201076165
Внешние ссылки
Все ссылки получены 3 марта 2018 г.
Визуализация Поля Творческая визуализация · Химическая визуализация · Криминальное отображение · Визуализация данных · Образовательная визуализация · Визуализация потока · Геовизуализация · Информационная визуализация · Медицинская математическая визуализация · Музыкальная визуализация визуализация · Визуализация продукта · Научная визуализация · Программная визуализация · Визуализация объема
Типы изображений Эксперты Jacques Bertin · Stuart Card · Thomas A.ДеФанти · Майкл Френдли · Найджел Холмс · Джок Д. Маккинли · Майкл Мальц · Брюс Х. Маккормик · Чарльз Джозеф Минард · Отто Нейрат · Уильям Плейфэр · Клиффорд А. Пиковер · Артур Х. Робинсон · Лоуренс Дж. Розенблюм · Адольф Кетле · Джордж Дж. Робертсон · Бен Шнейдерман · Эдвард Тафте Связанные темы Картография · Компьютерная графика · Графический дизайн · Графический дизайн · Визуализация · Информатика · Ментальная визуализация · Нейровизуализация · Пространственный анализ · Визуальная аналитика · Визуальная коммуникация · Зрительное восприятие Кредиты
New World Encyclopedia Писатели и редакторы переписали и завершили статью Wikipedia
в соответствии со стандартами New World Encyclopedia .Эта статья соответствует условиям лицензии Creative Commons CC-by-sa 3.0 (CC-by-sa), которая может использоваться и распространяться с указанием авторства. Кредит предоставляется в соответствии с условиями этой лицензии, которая может ссылаться как на участников New World Encyclopedia, , так и на самоотверженных добровольцев Фонда Викимедиа. Чтобы процитировать эту статью, щелкните здесь, чтобы просмотреть список допустимых форматов цитирования. История более ранних публикаций википедистов доступна исследователям здесь:История этой статьи с момента ее импорта в New World Encyclopedia :
Примечание. Некоторые ограничения могут применяться к использованию отдельных изображений, на которые распространяется отдельная лицензия.
Информационная графика — Энциклопедия Нового Света
Карта метро Вашингтонского метрополитена
Информационная графика или Инфографика — это визуальные представления информации, данных или знаний. Эти графические изображения используются везде, где сложную информацию необходимо объяснять быстро и четко, [1] , например, в знаках, картах, в журналистике, технических письмах и образовании. Они также широко используются компьютерными учеными, математиками и статистиками в качестве инструментов для облегчения процесса разработки и передачи концептуальной информации.
От значков в графическом пользовательском интерфейсе компьютеров до религиозной символики, образы или графическое представление знаний имеют различные значения. Хотя использование информационной графики сегодня популярно, механизм и роль воображения или образов в человеческом понимании, коммуникации и семиотических последствиях еще предстоит исследовать.
Обзор
Сегодня информационная графика окружает нас в средствах массовой информации, в публикуемых работах, как пешеходных, так и научных, в дорожных знаках и руководствах.Они иллюстрируют информацию, которая была бы громоздкой в текстовой форме, и выступают в качестве визуального обозначения повседневных понятий, таких как «стоп и вперед».
В газетах для отображения погоды обычно используется инфографика, а также карты и планы участков для событий, заслуживающих освещения в печати, и графики для статистических данных. Некоторые книги почти полностью состоят из информационной графики, например, «Как работают вещи» Дэвида Маколея. Хотя они широко используются в детских книгах, они также распространены в научной литературе, где они иллюстрируют физические системы, особенно те, которые нельзя сфотографировать (например, диаграммы в разрезе, астрономические диаграммы и изображения микроскопических или субмикроскопических систем).
В современных картах, особенно в картах маршрутов для транспортных систем, используются методы инфографики для интеграции различной информации, например концептуальной схемы транспортной сети, точек пересадки и местных ориентиров.
Дорожные знаки и другие общественные знаки в значительной степени опираются на информационную графику, такую как стилизованные человеческие фигуры (вездесущие фигурки), значки и эмблемы для обозначения таких понятий, как выход, осторожность и направление движения. Общественные места, такие как транзитные терминалы, обычно имеют своего рода интегрированную «систему указателей» со стандартными значками и стилизованными картами.
В технических руководствах широко используются диаграммы, а также общие значки для выделения предупреждений, опасностей и сертификатов стандартов.
История
Ранние эксперименты
В доисторические времена древние люди создали первую информационную графику: наскальные рисунки, а затем и карты. Создание карт началось за несколько тысячелетий до написания, а карты в Чатал-Хююке датируются примерно 7500 — годами до н. Э. Более поздние иконы использовались для учета скота и скота. Индейцы Мезоамерики использовали образы, чтобы изобразить путешествия прошлых поколений.Сами по себе неразборчивые, они служили вспомогательным элементом для памяти и повествования.
В 1626 году Кристофер Шайнер опубликовал модель Rosa Ursina sive Sol , в которой использовались различные графические изображения, чтобы показать свои астрономические исследования Солнца. Он использовал серию изображений, чтобы объяснить вращение Солнца во времени (отслеживая солнечные пятна).
В 1786 году Уильям Плейфер опубликовал первые графики данных в своей книге «Коммерческий и политический атлас». Книга заполнена статистическими графиками, которые представляют экономику Англии восемнадцатого века с использованием гистограмм и гистограмм.В 1801 году Playfair представила первую диаграмму с областями в статистическом бревиарии .
Информационная графика Чарльза Минара о вторжении Наполеона в Россию.
В 1861 году была выпущена основополагающая информационная графика на тему катастрофического марша Наполеона на Москву. Создатель, Чарльз Джозеф Минард, запечатлел четыре различных изменяющихся фактора, которые способствовали провалу, на едином двухмерном изображении: направление армии во время движения, местоположение, через которое прошли войска, размер армии, когда войска умирали от голода. и раны, и мороз, который они пережили.
Джеймс Джозеф Сильвестр ввел термин «граф» в 1878 году и опубликовал набор диаграмм, показывающих взаимосвязь между химическими связями и математическими свойствами. Это также были первые математические графики.
Развитие визуального языка в ХХ веке
В 1936 году Отто Нейрат представил систему пиктограмм, предназначенную для использования в качестве международного визуального языка или языка изображений. Изотип включал в себя набор стилизованных человеческих фигур, которые легли в основу повсеместных современных фигурок из палочек.
В 1942 году Исидор Ису опубликовал латышский манифест.
Олимпийские игры 1972 года в Мюнхене были местом, где Отл Айхер представил новый набор пиктограмм, которые оказались чрезвычайно популярными и повлияли на повсеместные современные фигурки из палочек, используемые в общественных знаках.
Также в 1972 году Pioneer Plaque был запущен в космос с помощью зонда Pioneer 10. На табличке была начертана информационная графика, задуманная как своего рода межзвездное сообщение в бутылке, разработанная Карлом Саганом и Фрэнком Дрейком.Сообщение уникально тем, что оно предназначено для понимания внеземными существами, у которых нет общего языка с людьми. На нем изображены мужчина и женщина, стоящие перед упрощенным силуэтом зонда, чтобы дать ощущение масштаба. Он также содержит карту расположения Солнца относительно ряда пульсаров и упрощенное изображение Солнечной системы, где путь зонда от Земли в космическое пространство показан стрелкой.
Предметы информационной графики
Устройства визуальные
Информационная графика — это визуальные устройства, предназначенные для быстрой и четкой передачи полной информации.По словам Дуга Ньюсома, устройства включают [1] диаграмм, диаграмм, графиков, таблиц, карт и списков. Среди наиболее распространенных устройств — горизонтальные гистограммы, вертикальные столбчатые диаграммы и круглые или овальные круговые диаграммы, которые могут суммировать большой объем статистической информации. Диаграммы могут использоваться, чтобы показать, как работает система, и могут быть организационной схемой, которая показывает линии полномочий, или блок-схемой системы, которая показывает последовательное движение. Иллюстрированная графика использует изображения для связанных данных. Обычно используются таблицы, которые могут содержать много чисел.Современные интерактивные карты и маркированные числа также являются устройствами для инфографики. [1]
Элементы информационной графики
Основным материалом информационного графического изображения являются данные, информация или знания, которые он представляет. В случае данных создатель может использовать автоматизированные инструменты, такие как программное обеспечение для построения графиков, для представления данных в виде линий, прямоугольников, стрелок и различных символов и пиктограмм. Информационная графика может также содержать ключ, который определяет визуальные элементы на простом английском языке.Также распространены шкала и метки.
Интерпретация информационных графиков
Многие информационные графические элементы представляют собой специализированные формы изображения, которые представляют их содержание сложными и часто абстрактными способами. Чтобы правильно интерпретировать значение этой графики, зрителю требуется соответствующий уровень графичности. Во многих случаях необходимая графическая составляющая включает в себя навыки понимания, которые приобретаются, а не врожденные. На фундаментальном уровне необходимо овладеть навыками декодирования отдельных графических знаков и символов, прежде чем можно будет понять информационную графику в целом.Однако знание правил распределения и расположения этих отдельных компонентов также необходимо для понимания.
Устный перевод на общий визуальный язык
В отличие от вышесказанного, многие другие формы инфографики используют врожденный визуальный язык, который в значительной степени универсален. Дисциплинированное использование красного цвета для акцента на приглушенном дизайне требует внимания в первобытной манере, которую понимают даже дети. Многие карты, интерфейсы, шкалы и датчики на инструментах и оборудовании используют значки, которые легко понять и быстро понять для безопасной работы.Использование значков кролика и черепахи для обозначения скорости и скорости, соответственно, является одним из таких успешных примеров использования компанией John Deere дроссельной заслонки своих тракторов.
Современные практики
Статистик и скульптор Эдвард Тафте написал серию высоко оцененных книг по теме информационной графики. Он описывает процесс включения многих измерений информации в двумерное изображение как «побег с плоской земли» (имея в виду двумерный мир викторианской новеллы Flatland ).
Работа, проделанная Питером Салливаном для The Sunday Times в 1970-х, 80-х и 90-х годах, была одним из ключевых факторов, побудивших газеты использовать больше графики. Салливан также является одним из немногих авторов, писавших об информационной графике в газетах. Точно так же штатные художники USA Today , красочной американской газеты, дебютировавшей в 1982 году, твердо утвердили философию использования графики для облегчения восприятия информации. Газету критиковали за чрезмерное упрощение новостей и иногда за создание инфографики, в которой развлечение подчеркивалось, а не уважению к контенту и данным, что иногда называют мусором.Несмотря на то, что он заслуживает большей части этих насмешек, его роль в создании инфографики как практики нельзя игнорировать.
Найджел Холмс — признанный коммерческий создатель того, что он называет «поясняющей графикой». Его работы касаются не только визуального отображения информации, но и знаний о том, как что-то делать. Он создавал графику для журнала Time в течение 16 лет и является автором нескольких книг по этой теме.
Близким и тесно связанным с областью информационной графики является информационный дизайн.На самом деле создание инфографики — это определенная дисциплина в мире информационного дизайна. Автор и основатель конференции TED Ричард Саул Вурман считается автором фразы «информационный архитектор», и многие из его книг, такие как Information Anxiety , помогли продвинуть фразу «информационный дизайн». от концепции к актуальной категории работы.
Хотя искусство инфографики уходит корнями в печать, к 2000 году использование анимации на основе Adobe Flash в сети позволило сделать картографические решения и другие продукты популярными и увлекательными благодаря использованию многих ключевых передовых методов инфографики. .
Аналогичным образом, их использование на телевидении относительно недавно, поскольку в 2002 году два норвежских музыканта из Röyksopp выпустили музыкальное видео на свою песню «Напомни мне», которое было полностью снято на основе анимированной инфографики. В 2004 году в телевизионной рекламе французской энергетической компании Areva использовалась аналогичная анимированная инфографика, и оба этих видео и их высокая наглядность помогли корпоративному миру признать ценность использования этой формы визуального языка для эффективного описания сложной информации.
Использование графических значков в компьютерах и других электронных устройствах — обычное дело. Графический пользовательский интерфейс также является разновидностью информационной графики.
Роль образов и образов в человеческом понимании поднимает различные философские вопросы. Идеи графического изображения часто обсуждались в рамках эпистемологии и эстетики. Это также предмет философии языка.
Платон не признавал ценности образов в человеческом понимании.Для Платона реальность можно познать только через разум, а мир, переживаемый посредством чувств, является эфемерной «тенью» реальности. Таким образом, образы существуют между разумом и чувственным восприятием. Аристотель, с другой стороны, признавал ценность образов и их роль в человеческом понимании. Однако современные эмпирики признали важность образов. Для Юма, например, все объекты мысли суть ментальные образы; кроме того, объекты мысли и объекты восприятия различаются только степенью ясности.Кант далее развил роль воображения как в своей теории познания, так и в эстетическом суждении. Изучение знаков и символов также развивалось в двадцатом веке как семиотика или семиология.
См. Также
- Графический дизайн
- Воображение
- Информационный дизайн
- Семиотика
- Визуальное мышление
Заметки
- ↑ 1.0 1.1 1.2 Дуг Ньюсом и Джим Хейнс, Публикации по связям с общественностью: Форма и стиль (2004), 236.
Список литературы
- Кливленд, Уильям С. 1985. Элементы графических данных . Саммит, Нью-Джерси: Hobart Press.
- Кливленд, Уильям С. 1993. Визуализация данных . Саммит, Нью-Джерси: Hobart Press. ISBN 9780963488404
- Хэнкинс, Томас Л. 1999. «Кровь, грязь и номограммы: особая история графиков». В Исида , 90: 50–80.
- Харрис, Роберт Л. 1999. Информационная графика: исчерпывающий иллюстрированный справочник .Издательство Оксфордского университета. ISBN 9780964692503
- Леви, Пол. 2006. «Кстати о графике», DataScope. Проверено 16 сентября 2008 г.
- Мейер, Эрик К. 1997. Разработка инфографики . Индианаполис, штат Индиана: Hayden Books. ISBN 9781568303390
- Тафт, Эдвард Р. 1997. Визуальные объяснения: изображения и количества, свидетельства и рассказ . Чешир, Коннектикут: Graphic Press. ISBN 97809613
- ———. 1983. Визуальное отображение количественной информации .Издание, Чешир, Коннектикут: Graphics Press.
- ———. 1990. Предвидение информации . Чешир, Коннектикут: Graphics Press.
- ———. 2006. Beautiful Evidence, Cheshire, CT: Graphics Press. ISBN 97809613
- Тьюки, Джон Уайлдер. 1977. Исследовательский анализ данных, Рединг, Массачусетс: Аддисон-Уэсли. ISBN 9780201076165
Внешние ссылки
Все ссылки получены 3 марта 2018 г.
Визуализация Поля Творческая визуализация · Химическая визуализация · Криминальное отображение · Визуализация данных · Образовательная визуализация · Визуализация потока · Геовизуализация · Информационная визуализация · Медицинская математическая визуализация · Музыкальная визуализация визуализация · Визуализация продукта · Научная визуализация · Программная визуализация · Визуализация объема
Типы изображений Эксперты Jacques Bertin · Stuart Card · Thomas A.ДеФанти · Майкл Френдли · Найджел Холмс · Джок Д. Маккинли · Майкл Мальц · Брюс Х. Маккормик · Чарльз Джозеф Минард · Отто Нейрат · Уильям Плейфэр · Клиффорд А. Пиковер · Артур Х. Робинсон · Лоуренс Дж. Розенблюм · Адольф Кетле · Джордж Дж. Робертсон · Бен Шнейдерман · Эдвард Тафте Связанные темы Картография · Компьютерная графика · Графический дизайн · Графический дизайн · Визуализация · Информатика · Ментальная визуализация · Нейровизуализация · Пространственный анализ · Визуальная аналитика · Визуальная коммуникация · Зрительное восприятие Кредиты
New World Encyclopedia Писатели и редакторы переписали и завершили статью Wikipedia
в соответствии со стандартами New World Encyclopedia .Эта статья соответствует условиям лицензии Creative Commons CC-by-sa 3.0 (CC-by-sa), которая может использоваться и распространяться с указанием авторства. Кредит предоставляется в соответствии с условиями этой лицензии, которая может ссылаться как на участников New World Encyclopedia, , так и на самоотверженных добровольцев Фонда Викимедиа. Чтобы процитировать эту статью, щелкните здесь, чтобы просмотреть список допустимых форматов цитирования. История более ранних публикаций википедистов доступна исследователям здесь:История этой статьи с момента ее импорта в New World Encyclopedia :
Примечание. Некоторые ограничения могут применяться к использованию отдельных изображений, на которые распространяется отдельная лицензия.
Информационная графика — Энциклопедия Нового Света
Карта метро Вашингтонского метрополитена
Информационная графика или Инфографика — это визуальные представления информации, данных или знаний. Эти графические изображения используются везде, где сложную информацию необходимо объяснять быстро и четко, [1] , например, в знаках, картах, в журналистике, технических письмах и образовании. Они также широко используются компьютерными учеными, математиками и статистиками в качестве инструментов для облегчения процесса разработки и передачи концептуальной информации.
От значков в графическом пользовательском интерфейсе компьютеров до религиозной символики, образы или графическое представление знаний имеют различные значения. Хотя использование информационной графики сегодня популярно, механизм и роль воображения или образов в человеческом понимании, коммуникации и семиотических последствиях еще предстоит исследовать.
Обзор
Сегодня информационная графика окружает нас в средствах массовой информации, в публикуемых работах, как пешеходных, так и научных, в дорожных знаках и руководствах.Они иллюстрируют информацию, которая была бы громоздкой в текстовой форме, и выступают в качестве визуального обозначения повседневных понятий, таких как «стоп и вперед».
В газетах для отображения погоды обычно используется инфографика, а также карты и планы участков для событий, заслуживающих освещения в печати, и графики для статистических данных. Некоторые книги почти полностью состоят из информационной графики, например, «Как работают вещи» Дэвида Маколея. Хотя они широко используются в детских книгах, они также распространены в научной литературе, где они иллюстрируют физические системы, особенно те, которые нельзя сфотографировать (например, диаграммы в разрезе, астрономические диаграммы и изображения микроскопических или субмикроскопических систем).
В современных картах, особенно в картах маршрутов для транспортных систем, используются методы инфографики для интеграции различной информации, например концептуальной схемы транспортной сети, точек пересадки и местных ориентиров.
Дорожные знаки и другие общественные знаки в значительной степени опираются на информационную графику, такую как стилизованные человеческие фигуры (вездесущие фигурки), значки и эмблемы для обозначения таких понятий, как выход, осторожность и направление движения. Общественные места, такие как транзитные терминалы, обычно имеют своего рода интегрированную «систему указателей» со стандартными значками и стилизованными картами.
В технических руководствах широко используются диаграммы, а также общие значки для выделения предупреждений, опасностей и сертификатов стандартов.
История
Ранние эксперименты
В доисторические времена древние люди создали первую информационную графику: наскальные рисунки, а затем и карты. Создание карт началось за несколько тысячелетий до написания, а карты в Чатал-Хююке датируются примерно 7500 — годами до н. Э. Более поздние иконы использовались для учета скота и скота. Индейцы Мезоамерики использовали образы, чтобы изобразить путешествия прошлых поколений.Сами по себе неразборчивые, они служили вспомогательным элементом для памяти и повествования.
В 1626 году Кристофер Шайнер опубликовал модель Rosa Ursina sive Sol , в которой использовались различные графические изображения, чтобы показать свои астрономические исследования Солнца. Он использовал серию изображений, чтобы объяснить вращение Солнца во времени (отслеживая солнечные пятна).
В 1786 году Уильям Плейфер опубликовал первые графики данных в своей книге «Коммерческий и политический атлас». Книга заполнена статистическими графиками, которые представляют экономику Англии восемнадцатого века с использованием гистограмм и гистограмм.В 1801 году Playfair представила первую диаграмму с областями в статистическом бревиарии .
Информационная графика Чарльза Минара о вторжении Наполеона в Россию.
В 1861 году была выпущена основополагающая информационная графика на тему катастрофического марша Наполеона на Москву. Создатель, Чарльз Джозеф Минард, запечатлел четыре различных изменяющихся фактора, которые способствовали провалу, на едином двухмерном изображении: направление армии во время движения, местоположение, через которое прошли войска, размер армии, когда войска умирали от голода. и раны, и мороз, который они пережили.
Джеймс Джозеф Сильвестр ввел термин «граф» в 1878 году и опубликовал набор диаграмм, показывающих взаимосвязь между химическими связями и математическими свойствами. Это также были первые математические графики.
Развитие визуального языка в ХХ веке
В 1936 году Отто Нейрат представил систему пиктограмм, предназначенную для использования в качестве международного визуального языка или языка изображений. Изотип включал в себя набор стилизованных человеческих фигур, которые легли в основу повсеместных современных фигурок из палочек.
В 1942 году Исидор Ису опубликовал латышский манифест.
Олимпийские игры 1972 года в Мюнхене были местом, где Отл Айхер представил новый набор пиктограмм, которые оказались чрезвычайно популярными и повлияли на повсеместные современные фигурки из палочек, используемые в общественных знаках.
Также в 1972 году Pioneer Plaque был запущен в космос с помощью зонда Pioneer 10. На табличке была начертана информационная графика, задуманная как своего рода межзвездное сообщение в бутылке, разработанная Карлом Саганом и Фрэнком Дрейком.Сообщение уникально тем, что оно предназначено для понимания внеземными существами, у которых нет общего языка с людьми. На нем изображены мужчина и женщина, стоящие перед упрощенным силуэтом зонда, чтобы дать ощущение масштаба. Он также содержит карту расположения Солнца относительно ряда пульсаров и упрощенное изображение Солнечной системы, где путь зонда от Земли в космическое пространство показан стрелкой.
Предметы информационной графики
Устройства визуальные
Информационная графика — это визуальные устройства, предназначенные для быстрой и четкой передачи полной информации.По словам Дуга Ньюсома, устройства включают [1] диаграмм, диаграмм, графиков, таблиц, карт и списков. Среди наиболее распространенных устройств — горизонтальные гистограммы, вертикальные столбчатые диаграммы и круглые или овальные круговые диаграммы, которые могут суммировать большой объем статистической информации. Диаграммы могут использоваться, чтобы показать, как работает система, и могут быть организационной схемой, которая показывает линии полномочий, или блок-схемой системы, которая показывает последовательное движение. Иллюстрированная графика использует изображения для связанных данных. Обычно используются таблицы, которые могут содержать много чисел.Современные интерактивные карты и маркированные числа также являются устройствами для инфографики. [1]
Элементы информационной графики
Основным материалом информационного графического изображения являются данные, информация или знания, которые он представляет. В случае данных создатель может использовать автоматизированные инструменты, такие как программное обеспечение для построения графиков, для представления данных в виде линий, прямоугольников, стрелок и различных символов и пиктограмм. Информационная графика может также содержать ключ, который определяет визуальные элементы на простом английском языке.Также распространены шкала и метки.
Интерпретация информационных графиков
Многие информационные графические элементы представляют собой специализированные формы изображения, которые представляют их содержание сложными и часто абстрактными способами. Чтобы правильно интерпретировать значение этой графики, зрителю требуется соответствующий уровень графичности. Во многих случаях необходимая графическая составляющая включает в себя навыки понимания, которые приобретаются, а не врожденные. На фундаментальном уровне необходимо овладеть навыками декодирования отдельных графических знаков и символов, прежде чем можно будет понять информационную графику в целом.Однако знание правил распределения и расположения этих отдельных компонентов также необходимо для понимания.
Устный перевод на общий визуальный язык
В отличие от вышесказанного, многие другие формы инфографики используют врожденный визуальный язык, который в значительной степени универсален. Дисциплинированное использование красного цвета для акцента на приглушенном дизайне требует внимания в первобытной манере, которую понимают даже дети. Многие карты, интерфейсы, шкалы и датчики на инструментах и оборудовании используют значки, которые легко понять и быстро понять для безопасной работы.Использование значков кролика и черепахи для обозначения скорости и скорости, соответственно, является одним из таких успешных примеров использования компанией John Deere дроссельной заслонки своих тракторов.
Современные практики
Статистик и скульптор Эдвард Тафте написал серию высоко оцененных книг по теме информационной графики. Он описывает процесс включения многих измерений информации в двумерное изображение как «побег с плоской земли» (имея в виду двумерный мир викторианской новеллы Flatland ).
Работа, проделанная Питером Салливаном для The Sunday Times в 1970-х, 80-х и 90-х годах, была одним из ключевых факторов, побудивших газеты использовать больше графики. Салливан также является одним из немногих авторов, писавших об информационной графике в газетах. Точно так же штатные художники USA Today , красочной американской газеты, дебютировавшей в 1982 году, твердо утвердили философию использования графики для облегчения восприятия информации. Газету критиковали за чрезмерное упрощение новостей и иногда за создание инфографики, в которой развлечение подчеркивалось, а не уважению к контенту и данным, что иногда называют мусором.Несмотря на то, что он заслуживает большей части этих насмешек, его роль в создании инфографики как практики нельзя игнорировать.
Найджел Холмс — признанный коммерческий создатель того, что он называет «поясняющей графикой». Его работы касаются не только визуального отображения информации, но и знаний о том, как что-то делать. Он создавал графику для журнала Time в течение 16 лет и является автором нескольких книг по этой теме.
Близким и тесно связанным с областью информационной графики является информационный дизайн.На самом деле создание инфографики — это определенная дисциплина в мире информационного дизайна. Автор и основатель конференции TED Ричард Саул Вурман считается автором фразы «информационный архитектор», и многие из его книг, такие как Information Anxiety , помогли продвинуть фразу «информационный дизайн». от концепции к актуальной категории работы.
Хотя искусство инфографики уходит корнями в печать, к 2000 году использование анимации на основе Adobe Flash в сети позволило сделать картографические решения и другие продукты популярными и увлекательными благодаря использованию многих ключевых передовых методов инфографики. .
Аналогичным образом, их использование на телевидении относительно недавно, поскольку в 2002 году два норвежских музыканта из Röyksopp выпустили музыкальное видео на свою песню «Напомни мне», которое было полностью снято на основе анимированной инфографики. В 2004 году в телевизионной рекламе французской энергетической компании Areva использовалась аналогичная анимированная инфографика, и оба этих видео и их высокая наглядность помогли корпоративному миру признать ценность использования этой формы визуального языка для эффективного описания сложной информации.
Использование графических значков в компьютерах и других электронных устройствах — обычное дело. Графический пользовательский интерфейс также является разновидностью информационной графики.
Роль образов и образов в человеческом понимании поднимает различные философские вопросы. Идеи графического изображения часто обсуждались в рамках эпистемологии и эстетики. Это также предмет философии языка.
Платон не признавал ценности образов в человеческом понимании.Для Платона реальность можно познать только через разум, а мир, переживаемый посредством чувств, является эфемерной «тенью» реальности. Таким образом, образы существуют между разумом и чувственным восприятием. Аристотель, с другой стороны, признавал ценность образов и их роль в человеческом понимании. Однако современные эмпирики признали важность образов. Для Юма, например, все объекты мысли суть ментальные образы; кроме того, объекты мысли и объекты восприятия различаются только степенью ясности.Кант далее развил роль воображения как в своей теории познания, так и в эстетическом суждении. Изучение знаков и символов также развивалось в двадцатом веке как семиотика или семиология.
См. Также
- Графический дизайн
- Воображение
- Информационный дизайн
- Семиотика
- Визуальное мышление
Заметки
- ↑ 1.0 1.1 1.2 Дуг Ньюсом и Джим Хейнс, Публикации по связям с общественностью: Форма и стиль (2004), 236.
Список литературы
- Кливленд, Уильям С. 1985. Элементы графических данных . Саммит, Нью-Джерси: Hobart Press.
- Кливленд, Уильям С. 1993. Визуализация данных . Саммит, Нью-Джерси: Hobart Press. ISBN 9780963488404
- Хэнкинс, Томас Л. 1999. «Кровь, грязь и номограммы: особая история графиков». В Исида , 90: 50–80.
- Харрис, Роберт Л. 1999. Информационная графика: исчерпывающий иллюстрированный справочник .Издательство Оксфордского университета. ISBN 9780964692503
- Леви, Пол. 2006. «Кстати о графике», DataScope. Проверено 16 сентября 2008 г.
- Мейер, Эрик К. 1997. Разработка инфографики . Индианаполис, штат Индиана: Hayden Books. ISBN 9781568303390
- Тафт, Эдвард Р. 1997. Визуальные объяснения: изображения и количества, свидетельства и рассказ . Чешир, Коннектикут: Graphic Press. ISBN 97809613
- ———. 1983. Визуальное отображение количественной информации .Издание, Чешир, Коннектикут: Graphics Press.
- ———. 1990. Предвидение информации . Чешир, Коннектикут: Graphics Press.
- ———. 2006. Beautiful Evidence, Cheshire, CT: Graphics Press. ISBN 97809613
- Тьюки, Джон Уайлдер. 1977. Исследовательский анализ данных, Рединг, Массачусетс: Аддисон-Уэсли. ISBN 9780201076165
Внешние ссылки
Все ссылки получены 3 марта 2018 г.
Визуализация Поля Творческая визуализация · Химическая визуализация · Криминальное отображение · Визуализация данных · Образовательная визуализация · Визуализация потока · Геовизуализация · Информационная визуализация · Медицинская математическая визуализация · Музыкальная визуализация визуализация · Визуализация продукта · Научная визуализация · Программная визуализация · Визуализация объема
Типы изображений Эксперты Jacques Bertin · Stuart Card · Thomas A.ДеФанти · Майкл Френдли · Найджел Холмс · Джок Д. Маккинли · Майкл Мальц · Брюс Х. Маккормик · Чарльз Джозеф Минард · Отто Нейрат · Уильям Плейфэр · Клиффорд А. Пиковер · Артур Х. Робинсон · Лоуренс Дж. Розенблюм · Адольф Кетле · Джордж Дж. Робертсон · Бен Шнейдерман · Эдвард Тафте Связанные темы Картография · Компьютерная графика · Графический дизайн · Графический дизайн · Визуализация · Информатика · Ментальная визуализация · Нейровизуализация · Пространственный анализ · Визуальная аналитика · Визуальная коммуникация · Зрительное восприятие Кредиты
New World Encyclopedia Писатели и редакторы переписали и завершили статью Wikipedia
в соответствии со стандартами New World Encyclopedia .Эта статья соответствует условиям лицензии Creative Commons CC-by-sa 3.0 (CC-by-sa), которая может использоваться и распространяться с указанием авторства. Кредит предоставляется в соответствии с условиями этой лицензии, которая может ссылаться как на участников New World Encyclopedia, , так и на самоотверженных добровольцев Фонда Викимедиа. Чтобы процитировать эту статью, щелкните здесь, чтобы просмотреть список допустимых форматов цитирования. История более ранних публикаций википедистов доступна исследователям здесь:История этой статьи с момента ее импорта в New World Encyclopedia :
Примечание. Некоторые ограничения могут применяться к использованию отдельных изображений, на которые распространяется отдельная лицензия.
Новый важный навык для менеджеров: информационная графика
Когда вы пытаетесь поделиться информацией, одних данных недостаточно. Диаграммы, карты, информационные панели и информационная графика помогают донести ценность данных до других. Преобразование данных в изображения — это называется визуализацией данных.
Помимо традиционных управленческих навыков, таких как общение и переговоры, визуализация данных теперь является важным инструментом для менеджеров. Harvard Business Review называет визуальную коммуникацию «обязательным навыком для всех менеджеров».«Институт управления проектами также сообщает, что визуализация данных — необходимый навык для аналитиков и руководителей проектов. Почему? По мере того, как темп работы в бизнесе ускоряется, необходимость быстро донести суть дела становится все более насущной.
Визуальные эффекты помогают ясно передать сообщение, чтобы рецензенты могли принимать решения — и принимать правильные.
В предыдущем посте мы рассказали, что такое визуализация данных? В этой статье мы рассмотрим, почему вам следует визуализировать свои данные и как вы можете начать визуализировать эти данные, чтобы получить более полезную информацию.
Что такое информационная графика (инфографика)?
Информационная графика, часто сокращаемая до инфографики, — это просто информация, переведенная в изображение или визуальное отображение. Существует несколько способов представления данных, включая гистограммы, линейные и круговые диаграммы, карты, точечные диаграммы, диаграммы Венна, временные шкалы, иерархии, блок-схемы, облака слов и многие другие параметры.
Преимущества визуализации данных
Легче распознавать закономерности, тенденции и корреляции между большими наборами данных в визуальном формате, чем в текстовом формате, таком как электронная таблица.
Информационные панели и инфографика действительно помогают нам находить взаимосвязи между различными переменными. В качестве примера см. Инфографику «Генеология поп / рок-музыки», которая показывает, как популярная музыка развивалась с 1955 года по настоящее время. Одна из моих любимых инфографик, The Compendious Coffee Chart, содержит минимум числовых данных и никаких пиктограмм, но эффективна, потому что ее линии направляют внимание читателя.
5 основных преимуществ инфографики :
- Облегчает понимание данных.
- Раскрывает взаимосвязь между различными переменными.
- Передает ощущение масштаба и дает контекст.
- Привлекает внимание читателей.
- Помогает нам лучше усваивать и запоминать информацию.
Какая польза от инфографики? Учиться через видение
В процессе обучения люди полагаются на визуальные эффекты. Исследования 3M показывают, что люди «обрабатывают визуальные эффекты в 60 000 раз быстрее, чем текст», и что визуальные эффекты значительно улучшают обучение, до 400%.Со времен наскальных рисунков люди использовали искусство и визуальные эффекты для передачи информации.
У нас есть миллионы и миллионы нейронов, предназначенных для обработки визуальных эффектов. Сенсорная кора головного мозга больше ориентирована на визуальный ввод (30%), а не на осязание (8%) и слух (3%). У нас есть более высокая способность изучать, запоминать и понимать информацию, которая представлена в виде изображений, а не слов.
Представьте, что вы пытаетесь научить ребенка вычитанию без наглядных пособий.Если вы скажете ребенку или напишете «десять минус четыре равно шести», это может быть трудно понять или вызвать замешательство. Однако было бы гораздо легче понять, как положить перед ребенком 10 конфет, а затем убрать четыре.
Еще одна причина для визуализации данных — передать ощущение масштаба и дать контекст. Например, по оценкам совокупное расстояние, которое проезжает каждое устройство из парка устройств Geotab, составляет примерно 60 000 000 км в день.Это невероятное число. Однако масштаб этого числа теряется, потому что никто не может понять это расстояние.
Чтобы дать представление о масштабе, давайте посмотрим на путешествие на Марс в один конец, как показано на изображении ниже (не в масштабе).
Общее расстояние, пройденное за день устройствами Geotab GO по сравнению с поездкой на Марс в один конец.
Ближайшее расстояние между Землей и Марсом составляет 56 миллионов км. Суммарное расстояние, пройденное всеми транспортными средствами, оснащенными устройством Geotab GO, позволяет преодолеть эту поездку менее чем за день.Среднее расстояние в 225 миллионов км между двумя планетами можно было бы преодолеть менее чем за 4 дня!
Если бы инфографика была нарисована в масштабе, линия, изображающая среднее расстояние, была бы более чем вдвое длиннее, что еще больше усилило бы ощущение того, насколько велико число.
Quick Insights
Распространенным и эффективным методом отображения величин являются пиктограммы, как мы, возможно, помним из начальной школы. Например, предположим, что вам нужно предоставить некоторую информацию о составе флота.
Теперь рассмотрим таблицу и пиктограмму ниже.
Вот разбивка пробного парка автомобилей в формате электронной таблицы:
Versus…
Пиктограмма той же поломки автомобиля:
, Оба отображают одинаковые данные. но пиктограмма передает некоторую дополнительную информацию.
Глядя на пиктограмму высокого уровня, вы можете сделать следующие три простых наблюдения:
- Парк состоит из легковых и грузовых автомобилей, больших грузовиков и автобусов.
- Сразу видно, что легковых и грузовых автомобилей значительно больше, чем больших грузовиков и автобусов.
- Легковых автомобилей в парке чуть больше, чем грузовых.
Эти наблюдения были сделаны без оглядки на цифры. После того, как вы добавите необработанные данные в смесь, теперь у вас есть признаки инфографики.
Некоторые другие популярные стили информационной графики включают в себя:
- Полоса : данные по категориям, например, пробеги разных подразделений, отчеты о безопасности разных водителей или объем расходов по отделам.
- Линейные диаграммы : вы хотите отображать тенденции с течением времени, например, как изменилась оценка безопасности водителя за последний год, ежемесячно сэкономленный расход топлива, история простоев ваших транспортных средств.
- Круговая диаграмма : Отображение связанных процентов и пропорций, таких как процент водителей, которые резко тормозят (1, 2-5 или 5+ раз), процент водителей, которые ускоряются, или общий процент расхода топлива (холостой ход, вождение, так далее.).
- Диаграмма рассеяния : Найдите тенденции, концентрации или выбросы между различными переменными, e.грамм. оценки безопасности по сравнению с количеством времени на обучение водителя.
- Диаграмма Ганта : отображение используемых объектов с течением времени. Например, продолжительность и способ использования транспортного средства. Если транспортное средство использовалось в течение 5 часов, сколько из этого времени было проведено на холостом ходу, остановке или вождении?
- Гистограмма : Отображение данных, распределенных по группам, таких как безопасность водителя в определенный день или количество жестких тормозов в зависимости от пройденного расстояния.
Полезные советы по инфографике
- Расскажите историю — Инфографика должна быть визуальным рассказом о ваших данных; он должен иметь некоторое подобие начала, которое вводит тему или утверждение инфографики, середину, подкрепленную соответствующими фактами и цифрами, и конец, который дает некоторое представление о рассматриваемом вопросе.По сути, это должно быть похоже на графический роман.
- Сначала подготовьте свои данные — Соберите и проверьте свои данные, прежде чем начинать планирование информационных графиков. Наличие всех данных также поможет понять, какой тип диаграммы или рисунка вы будете использовать.
- Меньше значит лучше — Будьте проще. Выберите несколько ключевых сообщений из данных и проиллюстрируйте это, чтобы не ошеломить свою аудиторию.
- Подвести итог — Получив данные в визуальном формате, напишите короткие пояснительные подписи, чтобы еще больше усилить сообщение.
Заключительные мысли
Ценность инфографики заключается не только в ее способности передавать огромные объемы данных в визуально привлекательной форме, но и привлекать внимание читателя, чтобы они могли лучше понять информацию.
Geotab ежедневно собирает миллиарды точек данных, и без помощи визуализации данных и инфографики эти миллиарды точек данных были бы потеряны в бесконечном море строк и столбцов в электронной таблице.