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

Дизайн для отчета. Как круто показать выполнение плана?

Оглавление

Excel + дизайн = WOW-эффект: кольцевая диаграмма за 4 шага. Инструкция.

Наш мозг быстро "видит" разницу между длинной четырех прямых линий, однако увидеть разницу длину дуг четырех окружностей намного сложнее. Сравните сами диаграмм выполнения плана "кольца VS линии":

Что легче понять 4 кольца или 4 линии?
Что легче понять 4 кольца или 4 линии?

Как кольцевые диаграммы помогают оригинально представить данные?

При этом мы постоянно видим использование кольцевых диаграмм в презентациях и отчета.

Зачем?

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

Это хороший способ придать значимости нескольким простым цифрам. В моем примере нужно эффектно показать процент выполнения плана по четырем показателям работы HR службы:

  • Выполнение плана по набору - 58%
  • Комплектность штатного расписания - 85%
  • Остались работать, после испытательного строка - 91%
  • Удовлетворены местом работы - 84%

В итоге получилась вот такая диаграмма:

Почувствуй себя дизайнером🤩

Создание крутой кольцевой диаграммы потребует 4 шагов:

Шаг 1. Подбор цветов

Чтобы информация хорошо воспринималась, нужны контрастные яркие цвета.

Применю градиенты — плавные переходы оттенков. Градиент делает изображение интереснее, передает динамику и глубину, графики получают дизайнерский лоск.

Яркие оттенки привлекают аудиторию
Яркие оттенки привлекают аудиторию

Шаг 2. Числовые значения

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

Ещё один совет: используйте автоматическое обновление чисел. Свяжите таблицу с графиком. Тогда, когда таблица изменится, график тоже обновится сам. Информация будет актуальной.

Основной смысл в числах
Основной смысл в числах

Шаг 3. Контрастный фон

Диаграмма на белом фоне менее выразительные. Чтобы придать солидность и изыск, я сделал тёмный фон.

Из-за смены фона буквам тоже поменял цвет — сейчас они белые.
Это помогает лучше читать текст и воспринимать всю картинку целиком.

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

Шаг 4. Использование теней

Тени помогают картинкам выглядеть объёмными и глубокими. Они показывают форму предметов, выделяют края и добавляют реализма. Картинки становятся объемнее и требует созерцания.

Использование теней добавляет глубины
Использование теней добавляет глубины

Выводы

  1. Диаграмма эффектно показывает четыре простых цифры. Порой это важно в отчете.
  2. Градиентные цвета создают эффект крутого дизайна.
  3. Темный фон добавляет премиальности.
  4. Тени делают диаграмму объемной и глубокой.

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

Хочешь сделать сам?

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

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

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

  1. Создаём фон для колец с помощью фигуры.
  2. Задаём фигуре градиентную заливку для придания глубине изображению.
  3. Завершаем настройку градиента и скрываем контуры прямоугольника.
  4. Добавляем стандартную кольцевую диаграмму для первой строки таблицы.
  5. Уменьшаем размер диаграммы, убираем её заливку и контур, чтобы она выглядела гармонично на фоне.
  6. Настраиваем заголовок диаграммы и скрываем ненужную легенду.

🕒 Полная пошаговая инструкция

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