Сочетание цветов в презентации: три палитры и проверка читаемости

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

Ниже — три стартовые палитры и порядок проверки. Это рабочие примеры, а не правило о том, что любая презентация должна состоять ровно из трёх цветов.

Назначьте роли до выбора оттенков

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

Для делового отчёта начните с нейтрального фона и тёмного текста. Акцент используйте там, где зритель должен задержать внимание. Если выделить все числа одинаково ярко, выделение перестанет работать.

Попробуйте одну из трёх палитр

Палитра	Фон	Основной текст	Акцент
Светлая деловая	#FFFFFF	#14213B	#235EE8
Мягкая учебная	#EAF1FF	#14213B	#1240A7
Тёмная спокойная	#0F2F33	#FFFFFF	#B9E4D0

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

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

Измерьте контраст текста и фона

WCAG указывает для обычного веб-текста минимум 4,5:1, для крупного — 3:1. В работе со слайдами эти значения полезны как отправная точка, но не гарантируют читаемость в зале и не заменяют проверку презентации целиком.

Проверьте основной текст, подписи таблицы, легенду и акцентный заголовок. Введите HEX-коды каждой пары в инструмент расчёта контраста. Не оценивайте результат только по впечатлению на ярком ноутбуке.

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

Закрепите смысл цвета

Для сравнительного слайда одинаковый критерий должен выглядеть одинаково во всех колонках. Не делайте вариант, который хотите продать, ярким, а важные ограничения конкурирующего решения — едва заметными.

На диаграмме подпишите серии непосредственно или дайте ясную легенду. Риск обозначьте словом «Риск» или символом с пояснением. Успех не должен быть понятен только по зелёному цвету. Общие принципы — в руководстве о доступности.

Проверьте палитру на разных типах страниц

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

Посмотрите PDF в обычном масштабе, чёрно-белую копию и целевой экран, если он доступен. Приглушённый проектор или яркое освещение могут потребовать более простого сочетания и крупного текста.

Зафиксируйте правила для всей презентации

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

Если у компании есть брендбук, проверьте разрешённые варианты для тёмного и светлого фона. Фирменный цвет логотипа не обязан становиться цветом каждого абзаца. Дополнительные варианты подложек разобраны в статье о фоне.

Рабочая заготовка

Открыть заготовку «Цвета презентации» — TXT. Сохраните текст и заполните поля своими данными; файл доступен без регистрации. Это рабочий лист, а не готовая презентация.