Найти в Дзене
Магия Диаграмм

Стильный акцент в обычной гистограмме

Оглавление

Как привлечь внимание аудитории к ключевым моментам вашего выступления? Допустим, у вас есть данные о расходах на рекламу по месяцам.

В Excel такая столбчатая диаграмма выглядит скучно:

Стандартная гистограмм Excel
Стандартная гистограмм Excel

Вот как я сделал это в Excel:

Стильная столбчатая диаграмма после доработки. Акцент на превышении расходов.
Стильная столбчатая диаграмма после доработки. Акцент на превышении расходов.

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

Диаграмма "заговорила"

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

Таким образом, она помогает спикеру донести главную мысль: «В июне был перерасход на рекламу - 15 000 рублей». Этот подход кажется простым и очевидным, однако в бизнес-среде большинство диаграмм в отчетах ничего не "говорят". Руководителям приходится самостоятельно анализировать графики и делать выводы, что вызывает у них раздражение. Именно поэтому на тренингах приходиться обучать сотрудников делать выводы из представленных данных. А потом правильно оформлять эти выводы на слайдах отчета. Руководителя тратят меньше сил и времени, больше ценят сотрудников приходящих не с набором цифр, а с выводами и предложениями.

Сравнение стандартного отображения и финального результата
Сравнение стандартного отображения и финального результата

Что было сделано?

Разберемся почему диаграмма стала стильной и заговорила:

  1. Изменили цвет столбцов
  2. Добавили стильную тень
  3. Изменили фон диаграммы
  4. Настроили отступы от краев
  5. Выделили один столбец и добавили красный стикер

В результате скучные столбцы превратился в стильную гистограмму.

Где можно использовать такой подход?

Когда вам необходимо эффектно представить простую столбчатую диаграмму, например:

  • в годовой отчетности;
  • в корпоративном буклете или на сайте;
  • на конференциях.

Я специально взял за основу простой график, который в обычном исполнении выглядит довольно скромно. Более того, в нем отсутствует акцент, подчеркивающий основной вывод. Грамотная диаграмма должна не только отображать информацию, но и направлять аудиторию к нужным выводам! Красный маркер наглядно демонстрирует превышение расходов в июне на 15 000 рублей.

Если вы готовите презентацию на темном фоне, посмотрите диаграмму Линия на темном:

Скачать шаблон

Скачать готовый шаблон в Excel, в который нужно только подставить свои цифры.

Пошаговая ИНСТРУКЦИЯ

Поставьте закладку в браузере - обязательно когда-нибудь пригодиться.

Пройдем все этапы создания шаг за шагом. Сначала создаем стандартный график.

Чтобы потренироваться скачайте учебный файл:

Вставка диаграммы
Вставка диаграммы

Стилизуем столбцы

Превратим обычные столбцы в элегантные элементы, привлекающие внимание аудитории.

Открываем "Формат ряда данных"
Открываем "Формат ряда данных"

Зададим столбцам цвет #31A19B

Устанавливаем новый цвет для столбцов
Устанавливаем новый цвет для столбцов

Отредактируем ширину столбцов, для ощущения полноты картины.

Редактирование ширины столбцов
Редактирование ширины столбцов

Выделение одного столбца

Чтобы подчеркнуть важное значение, выделим столбец с максимальной величиной красным цветом (#F23A00). Этот столбец соответствует июню, месяцу, в котором произошел перерасход.

Меняем цвет одного столбца
Меняем цвет одного столбца

Тени для объема

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

Настройка тени для столбцов диаграммы
Настройка тени для столбцов диаграммы

Фон диаграммы

Для улучшения общего вида добавим светло-серый фон (#F0F0F0) ко всей диаграмме.

Задаем общий фон области диаграммы
Задаем общий фон области диаграммы

Размер диаграммы

Скорректируем размеры диаграммы для удобства последующего использования.

Устанавливаем размер диаграммы
Устанавливаем размер диаграммы

Коррекция размера области графика

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

Уменьшение области диаграммы с помощью  мыши
Уменьшение области диаграммы с помощью мыши

Добавление стикера

Для усиления акцента используем стандартный стикер из библиотеки MS Office. Разместим его поверх графика. Обратите внимание, что этот стикер статичен и не привязывается к данным, поэтому при изменениях он останется на месте.

Вставка стикера
Вставка стикера

Установим цвет стикера на тот же красный (#F23A00).

Форматирование стикера
Форматирование стикера

Добавим текст и настроим его стиль.

Внесем текст и настроим его оформление
Внесем текст и настроим его оформление

Отступы для текста

Исправим стандартные маленькие отступы текста внутри фигуры, сделав их больше, чтобы текст не казался зажатым. Этот навык пригодится вам в работе с любыми текстовыми объектами в MS Office.

Редактируем отступы текста в фигуре
Редактируем отступы текста в фигуре

Контур диаграммы

Удалим контур вокруг диаграммы, поскольку в современном дизайне контуры редко используются.

Убираем контур диаграммы
Убираем контур диаграммы

Итоговый результат

Мы преобразовали простую гистограмму в стильную столбчатую диаграмму, которая будет отлично смотреться на слайдах презентации или страницах печатных отчетов. Акценты, сделанные на значениях июня и комментарий на стикере, помогают диаграмме "говорить": «В июне произошел перерасход средств на рекламу в размере 15 тысяч рублей».

Стильная диаграмма, которая "говорит"
Стильная диаграмма, которая "говорит"

Полезное

Скачать готовый шаблон в Excel, в который нужно только подставить свои цифры.

Поставьте закладку в браузере на инструкцию - обязательно когда-нибудь пригодиться.

Если вы готовите презентацию на темном фоне, смотрите диаграммы Линия на темном или Дизайнерская столбчатая диаграмма:

Еще много инструкций на моем сайте Магия диаграмм.