Уважаемые пользователи Голос!
Сайт доступен в режиме «чтение» до сентября 2020 года. Операции с токенами Golos, Cyber можно проводить, используя альтернативные клиенты или через эксплорер Cyberway. Подробности здесь: https://golos.io/@goloscore/operacii-s-tokenami-golos-cyber-1594822432061
С уважением, команда “Голос”
GOLOS
RU
EN
UA
zaychik
6 лет назад

Дизайн и создание инфографики. Часть 2.

brunch_6.jpg

Продолжение курса от Мичиганского университета Design and Make Infographics. Сегодня речь пойдет об использовании диаграмм в инфографике, их виды и рекомендации по использованию. В конце будет приведен список сайтов для создания инфографики.

Ознакомиться с первой частью курса можно здесь:
Дизайн и создание инфографики. Часть 1.

Виды диаграмм.

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

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

I_ISO_14024_14.jpg

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

Разберем типичные ошибки при построении круговых диаграмм.

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

9801a9f3-987c-4506-be9b-2f6eb6d2fd33.png Недостаточная разница значений для визуального сравнения.

d0059385-1bd6-41d7-9a04-6d6db1e13a0e.png Недостаточно элементов.

ad018c63-732d-4a1d-9d55-8fef88529611.png Искажение пропорций элементов.

ad7613e9-7782-4d5a-81b5-351bc1659e47.png Очень много элементов.

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

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

I_ISO_14024_15.jpg

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

I_ISO_14024_16.jpg

Всегда ли нужно использовать ноль, как точку отсчета - большой вопрос.

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

Рекомендации по использованию линейных диаграмм.

I_ISO_14024_17.jpg

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

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

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

Coolinfographics содержит большой список онлайн сообществ по инфографики и множество другой полезной информации.

Canva - хороший сайт для создания инфографики и проектирования множества других вещей.

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

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

Infogra.am С помощью этого сервиса можно создавать свою инфографику и делиться своими идеями.

Lira Это интерактивная среда которая позволяет разрабатывать пользовательскую визуализацию без написания кода.

Piktochart С помощью этого сервиса можно создавать свою инфографику и делиться своими идеями.

Plotly С помощью этого сервиса можно создавать свою инфографику и делиться своими идеями.

Tableau Public Бесплатный сервис, который позволяет любому публиковать интерактивные карты и диаграммы в Интернете (с использованием данных электронных таблиц). Любой человек может взаимодействовать с данными, загрузить их себе, или создавать свои собственные визуализации. Навыки программирования не требуются.

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

Вывод:

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

Конспект подготовлен для Академии Голоса @academy.
0
28.506 GOLOS
На Golos с June 2017
Комментарии (1)
Сортировать по:
Сначала старые