Столбики с современной тенью

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

Готовый шаблон

Если не хотите тратить свое время на создание этой диаграммы.
Скачайте готовый шаблон. Стоимость всего 50 руб.
Просто подставьте свои данные и получите готовый красивый график.
Оплата телефоном по QR-коду
или кнопкой на сайте.
Без регистрации.
Сразу после оплаты будет
страница со ссылкой на файл.

Где применяется диаграмма?

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

ИСТРУКЦИЯ КАК ПОСТРОИТЬ ДИАГРАММУ

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

Стилизация столбцов

Изменим параметры наших столбцов, чтобы из банальных столбцов они превратились в изящные, приковывающие взгляд аудитории.
Зададим столбцам цвет #31A19B
Отредактируем ширину столбцов, для ощущения полноты картины.
-- // --

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

Для установки акцента выделим столбец с максимальным значением красным цветом. Выберите только один столбец в июне, в этом месяце был перерасход. Установите ему красный цвет #F23A00

Стильная тень

Добавим столбцам стильную тень, для придания объём. Такая тень отличается от стандартной тени. Выберите столбцы и зайдите в настройки. Установите значения как показано на картинке.
Фон всей диаграммы
Для дизайна добавим общий фон #F0F0F0.
Размеры диаграммы
Выровняем размеры диаграммы, для удобного дальнейшего использования
-- /// --
Подгоняем размер области графика
Что бы вся композиция графика смотрелась хорошо, нам нужно дать больше отступа от края серого фона. Для этого мы уменьшим размер области построения диаграммы. Если фон белый то как правило такая операция не требуется. Это улучшит дизайн и восприятие, в противном случае все будет "зажато".

Добавим стикер

Для акцента усилим нашу красную точку стикером. Используем стандартный стикер из библиотеки MS Office. Это статичный стикер, мы просто разместим его поверх графика. Он не привязан к точке и при изменении данных не переместиться в нужно место. Как делать стикеры которые перемещаются при изменении данных смотрите в других публикациях.
Настроим цвет стикера на красный #F23A00.
Добавим нужный текст и настроим его стиль
Отступы для текста
У стандартной фигуры отступы текста от края сделаны маленькими, текст выглядит зажатым. Мы делаем дизайнерский график и исправим ситуацию. Большинство не знает как настроить отступы для текстовых объектов. Так что этот навык пригодиться вам во всех программах MS Office.
Границы диаграммы
Отключим контур у диаграммы. В современном дизайне контуры почти не используются.

Результат

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

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

Готовый шаблон

Если не хотите тратить свое время на создание этой диаграммы.
Скачайте готовый шаблон. Стоимость всего 50 руб.
Просто подставьте свои данные и получите готовый красивый график.
Оплата телефоном по QR-коду
или кнопкой на сайте.
Без регистрации.
Сразу после оплаты будет
страница со ссылкой на файл.
-- //// --