Как эффектно визуализировать несколько цифр? В презентации мне нужно показать процент выполнения плана по 4 показателям. Как это лучше сделать?
Нашему мозгу сравнить длину линий проще, чем длину дуги окружности. Если нам показать несколько колец, задача усложняется многократно.
Сравните сами два варианта визуализации одних и тех же цифр. Что легче сравнить линии или кольца?
Согласитесь, линии позволяет мгновенно понять соотношение величин, тогда как сравнение колец занимает намного больше времени и энергии мозга.
Зачем нужны колечки?
Возникает закономерный вопрос: почему графические дизайнеры предпочитают использовать кольца в презентациях? Ведь мы уже выяснили, что такие формы сложнее воспринимать зрительно и оценивать количественно!
Причина кроется в эстетике восприятия. Такая форма делает визуализацию простых данных более привлекательной и интересной зрителю. Числа, размещённые внутри кружков, воспринимаются ярче и значимее, даже если сами по себе они просты и незначительны. Этот подход улучшает внешний вид презентаций и акцентирует внимание на каждом числе, превращая простую статистику в привлекательную картинку. Таким образом, использование кольцевых элементов — это дизайнерский прием, направленный больше на украшение и создание эффекта, чем на точную передачу информации.
Если это дизайнерский прием, тогда я тоже сделаю свои кольца эффектными! Мой пример оформления колец средствами программы Excel. В инструкции ниже подробно описано как сделать такую красоту.
Готовый шаблон
Если не хотите тратить свое время на создание этой диаграммы. Скачайте готовый шаблон. Стоимость всего 700 руб. Просто подставьте свои данные и получите готовый красивый график.
Оплата телефоном по QR-коду или кнопкой на сайте. Без регистрации. Сразу после оплаты будет страница со ссылкой на файл.
Поставьте закладку в браузере на инструкцию - обязательно пригодиться.
Создание фона
Для создания цветового акцента сделаем фон для колец с помощью фигуры.
Зададим фигуре градиентную заливку для придания глубины изображения.
Завершим настройку градиента и скроем контуры прямоугольника.
-- / --
Кольцевая диаграмма
Добавляем стандартную кольцевую диаграмму для первой строки таблицы.
Уменьшаем размер диаграммы. Убираем заливку и контур, чтобы диаграмма смотрелась органично на фоне.
Настроим заголовок диаграммы и скроем легенду (она нам не нужна).
Стилизация кольца
Перейдем к самому интересному, цветовому оформлению первого кольца. Но сначала, отрегулируем диаметр отверстия.
Ряд "До 100%" окрасим нейтральным серым цветом.
Для осной части установим градиентную заливку - это добавит динамики.
-- // --
Создание трех колец по шаблону
Создаем три копии полученного кольца и размещаем их равномерно на цветном поле в ряд.
Меняем диапазоны значений диаграмм. Для каждой строки таблицы свое кольцо.
Оформление колец
По аналогии с первым кольцом, для всех рядов "До 100 %" установим серый цвет.
Для сегментов "Факт" выберем градиентные заливки. "Комплектность" - оранжевые оттенки.
"Остались" - голубые оттенки.
"Удовлетворены" - зелёные оттенки.
Значения в кольцах
Добавим надписи с значением для одного из колец. Сразу свяжем надпись с соответствующей ячейкой.
Увеличим размер шрифта и выберем белый цвет для хорошей читаемости на темном фоне.
Создадим копии надписи для останых диаграмм. Заменим привязанную ячейку на соответствующую каждой диаграмме. На этом этапе собьется формат текста. Применим форматирование по образцу первой надписи.
Создание теней
Для создание эффекта тени нарисуем овал под одним из колец.
Настроим цвет и прозрачность овала. При необходимости переместим овал за диаграмму, чтобы избежать перекрытия. Сделаем копии для других диаграмм.
Результат
Полученный дашборд предоставляет четкое и лаконичное представление о ключевых показателях эффективности. Использование различных цветов помогает быстро идентифицировать каждый показатель и его значение. Темный фон, яркие акценты и тени делают информацию легко воспринимаемой и визуально привлекательной.
Готовый шаблон
Если не хотите тратить свое время на создание этой диаграммы. Скачайте готовый шаблон. Стоимость всего 700 руб. Просто подставьте свои данные и получите готовый красивый график.