Найти в Дзене
PRESIUM

Инфографика в презентациях (часть 1)

Оглавление

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

Подробно о том, что такое инфографика, об её истории и видах мы рассказали ранее, в статье "Виды инфографики". Важно запомнить, что инфографика – это способ передачи информации при помощи графических элементов.

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

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

Рисунок 1. Инструкция по сборке мебели /
Рисунок 1. Инструкция по сборке мебели /

Презентации – это простор для применения инфографики! Они содержат много статистических данных, количественных показателей, элементов сравнения. А объяснить и воспринять на слух сопоставление числовых данных, динамику показателей, взаимосвязи между объектами очень сложно. Поэтому актуально применение графических средств для наглядного и структурированного представления информации.

Рассмотрим конкретные способы и приёмы использования инфографики в презентациях.

01. Таблицы

Таблицы используются для представления данных, когда их можно распределить по строкам и столбцам. Подробно о таблицах рассказываем в статье "Таблицы. Как сделать просто и красиво"

4 примера креативных таблиц

Таблица сравнения: используется для сравнения двух объектов (товаров, методов, опций и т.д.). Даёт наглядное представление о том, что у них общего, чем они различаются, в чём один превосходит другого.

Рисунок 2. Сравнение нетворкинга днём и ночью /
Рисунок 2. Сравнение нетворкинга днём и ночью /

Таблица с картинками: в ячейках такой таблицы главное – изображения, надписей там может не быть вовсе.

Рисунок 3. Таблица рецептов в картинках /
Рисунок 3. Таблица рецептов в картинках /

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

Наглядно показывает, например, самые загруженные часы по дням недели или самые популярные дни рождения в году. Тёмный оттенок соответствует самому популярному (загруженному) периоду времени, светлый – самому свободному. Еще часто такую таблицу называют тепловой картой.

Рисунок 4. Таблица-палитра популярности дней рождения /
Рисунок 4. Таблица-палитра популярности дней рождения /

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

Рисунок 5. Идея таблицы в виде карточек /
Рисунок 5. Идея таблицы в виде карточек /

02. Графики

Графики дают наглядное представление о динамике изменения показателей.

3 примера интересных графиков

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

Рисунок 6. Бамп-чарт самых популярных имён в 2005-2009 годах
Рисунок 6. Бамп-чарт самых популярных имён в 2005-2009 годах

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

Рисунок 7. Шаблон графика с закрашенными областями /
Рисунок 7. Шаблон графика с закрашенными областями /

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

Рисунок 8. Дискретный график /
Рисунок 8. Дискретный график /

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

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