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

Как сделать банальный линейный график необычным?

Готовите отчет для руководства или презентацию? Как показать банальный график, что бы он выглядел стильно и современно? При этом аудитория обратила внимание на важный факт, о котором вы будете рассказывать. Например, вы показываем расходы на рекламу по месяцам. Вот так выглядит унылая линия если ее построить в Excel: Моя версия так же сделана в Excel: Согласитесь совершенно другое впечатление. Сразу видно стильный график. Что принципиального изменилось? Сделан акцент на расходы в июне, когда были максимальное значение расходов. Акцент сделан контрастным красным цветом и сразу привлекает внимание аудитории. Разумеется спикер должен рассказывать о превышении расходов в июне. Ведь именно это сообщение заложено в диаграмме. В результате диаграмма поможет донести спикеру ключевую мысль "В июне было превышение расходов не рекламу на 15 000 р." Это выглядит так просто и очевидно, но в бизнесе сотрудники постоянно показывают диаграммы, которые "молчат". Директора вынуждены сами анализировать г
Оглавление

Готовите отчет для руководства или презентацию? Как показать банальный график, что бы он выглядел стильно и современно? При этом аудитория обратила внимание на важный факт, о котором вы будете рассказывать.

Например, вы показываем расходы на рекламу по месяцам. Вот так выглядит унылая линия если ее построить в Excel:

Стандартный линейный график Excel
Стандартный линейный график Excel

Моя версия так же сделана в Excel:

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

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

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

Что принципиального изменилось? Сделан акцент на расходы в июне, когда были максимальное значение расходов. Акцент сделан контрастным красным цветом и сразу привлекает внимание аудитории.

Разумеется спикер должен рассказывать о превышении расходов в июне. Ведь именно это сообщение заложено в диаграмме. В результате диаграмма поможет донести спикеру ключевую мысль "В июне было превышение расходов не рекламу на 15 000 р."

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

Разница между стандартным и оформленным графиком
Разница между стандартным и оформленным графиком

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

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

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

В результате скучный график превратился в стильную линейную диаграмму.

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

Если нам нужно эффектно показать простой линейный график, например:

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

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

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

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

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

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

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

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

Вставка гарафика
Вставка гарафика

Преображение обычной линии в изящный дизайнерский шедевр

Чтобы превратить банальную синюю линию в утонченную и притягательную, изменим ее параметры, вдохнув в нее жизнь и стиль.

Открытие меню форматирования
Открытие меню форматирования

Цвет линии: #31A19B

Выбор цвета линии
Выбор цвета линии

Маркеры:

Добавим изысканные круглые маркеры в цвет линии #31A19B, дополнив их элегантной белой серединкой.

Настройка маркеров
Настройка маркеров
Настройка маркеров
Настройка маркеров

Выделение маркера:

Для расстановки акцента выделим один маркер красным цветом #F23A00, привлекая внимание к важному месяцу - июню, в котором наблюдался перерасход.

Выделение ключевого маркера
Выделение ключевого маркера

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

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

Настройка тени маркера
Настройка тени маркера

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

Добавим общий фон #F0F0F0, создавая гармоничную основу для нашей композиции.

Установка фона диаграммы
Установка фона диаграммы

Вертикальные линии сетки:

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

Вертикальные линии сетки
Вертикальные линии сетки

Размер области графика:

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

Размер графика
Размер графика

Стикер:

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

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

Текст и его стиль:

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

Формат текста стикера
Формат текста стикера
Поля для текста стикера
Поля для текста стикера

Отключим контур у фигуры стикера.
В современном дизайне контуры почти не используются.

Настройка границ стикера
Настройка границ стикера

Результат:

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

Стильное оформление простого графика
Стильное оформление простого графика

Полезное

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

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

Больше нестандартных приемов по работе с линиями в статьях:

Стильный график продаж на темном фоне

Как красиво показать два параметра на одном графике?

5 ошибок в диаграмме три линии. Как правильно готовить графики для отчета?

Больше о красивых и понятных диаграммах в моей книге и на сайте.

Наука
7 млн интересуются