Линия на темном для презентации

Пример стильного графика для презентации. Ничего сложного, но зато красиво.
Цель графика показывать динамику во времени.

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

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

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

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

Построим стандартную линейную диаграмму.

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

Покрасим линию градиентом. Для этого первый маркер зальем цветом #F76D1D.

Теперь выберем цвет второго маркера #FAD760.

Чтобы линия графика смотрелась интереснее добавим круглые маркеры цвета #F9B74C.

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

Отформатируем линии проекции, задав им цвет #8F94A0 и добавив градиент, за счёт разных значений прозрачности точек градиента. На первой точке оставим 0%.

На второй точке установим прозрачность 100%.

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

Зададим цвет меток #8F94A0.

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

Для дизайна добавим общий фон в градиентной технике цветами #171A2A, #171A2A, #292E44. Такой немного градиентный цвет придаст диаграмме больше эстетики.

Для завершения картины затемним колечки внутри маркеров цветом заливки диаграммы.

Так как метки данных установлены, функциональность вертикальной оси отсутствует. Уберём её.

Устраним визуальный шум на нашей диаграмме и уберем горизонтальные линии сетки.

Зададим значениям горизонтальной оси цвет #8F94A0.

Увеличим шрифт и применим полужирное начертание к тексту.

Уберем деления по горизонтальной оси.

Сменим цвет заголовка на белый и применим полужирное начертание, для придания акцентности.

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

Последним этапом, выровняем размеры диаграммы, для удобного дальнейшего использования

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

Благодаря градиентной технике заливки, диаграмма имеет динамику движения слева на право.

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