Цвета в презентации: как собрать палитру

Рабочая палитра презентации состоит из трёх цветов: фон, текст и один акцент. Четвёртый добавляют только под конкретную задачу — например, второй цвет в графике, где надо различить две линии.

Семь цветов на слайдах — не богатство, а шум. Когда выделено всё, не выделено ничего, и акцент перестаёт работать именно тогда, когда он нужен: на главной цифре.

Фон

Светлый фон надёжнее тёмного, и причина техническая. Проектор в освещённой аудитории теряет контраст: чёрный становится тёмно-серым, и белый текст на нём начинает светиться и расплываться. На мониторе тёмная тема выглядит отлично, в светлом зале — разваливается.

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

Чистый белый #FFFFFF — не лучший выбор для большого экрана: он бьёт по глазам. Мягче работает почти белый с лёгким тёплым или холодным оттенком, #FAFAF8 или #F7F8FA. Разница на глаз почти незаметна, а смотреть двадцать минут проще.

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

Текст

Почти чёрный, не чистый: #1A1A1A или #222 вместо #000. Абсолютный чёрный на светлом фоне даёт избыточный контраст и выглядит жёстко.

Вторичный текст — подписи, сноски, источники — делают серым, и здесь легко переборщить. На экране ноутбука серый 50% читается, на проекторе исчезает. Безопасная граница — не светлее 60% от основного цвета, то есть примерно #666 на белом фоне.

Цветной текст оставьте для одного-двух акцентов на всю презентацию. Заголовки фирменным цветом — можно, если цвет тёмный; светлый фирменный цвет в заголовке на проекторе просто пропадёт.

Акцент

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

Требования к нему простые: он должен быть заметно темнее фона и не совпадать по светлоте с основным текстом. Оранжевый, синий, зелёный работают; жёлтый на белом почти не читается, светло-голубой тоже.

Проверка без прибора: сделайте скриншот слайда и обесцветьте его (в любом редакторе или через фильтр в телефоне). Если акцент на чёрно-белой версии не отличается от остального — на плохом проекторе он тоже не будет отличаться.

Готовые сочетания

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

Цвет в графиках

Место, где палитра ломается чаще всего: диаграмма на семь категорий рисуется семью цветами по умолчанию, и слайд превращается в радугу.

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

Красный и зелёный вместе используют осторожно: примерно у 8% мужчин есть трудности с их различением, и на диаграмме «план — факт» это иногда значит, что половина смысла пропала. Если пара нужна, добавьте второй признак — штриховку, подпись, разную насыщенность.

Фирменные цвета

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

Первое: если фирменный цвет светлый, он не может быть цветом текста. Он идёт в акценты, плашки и заголовки на тёмной плашке.

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

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

Где брать цвета, если глаза нет

Подбирать палитру на вкус получается не у всех, и это нормально. Есть три способа обойтись без вкуса.

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

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

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

Чего делать не стоит — брать палитру из подборок «20 модных сочетаний года». Они собраны для сайтов и рекламы, где цвет работает на эмоцию; на слайде он должен работать на читаемость, и половина модных сочетаний на проекторе просто не видна.

Проверка перед показом

Три вещи, которые стоит сделать до того, как вы выйдете к экрану.

1. Открыть презентацию в режиме показа на полный экран — часть цветовых проблем видна только так.
2. Убавить яркость монитора наполовину. Это грубая, но честная имитация проектора: то, что пропало, пропадёт и в зале.
3. Посмотреть на слайды с двух метров. Серые подписи и светлый акцент отваливаются первыми.

Вопросы

Какой фон лучше для презентации

Светлый. Тёмный фон на проекторе в освещённой аудитории теряет контраст, и белый текст на нём начинает расплываться.

Сколько цветов использовать в презентации

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

Какой цвет текста выбрать

Почти чёрный — #1A1A1A или #222. Чистый чёрный даёт избыточный контраст, серый светлее 60% пропадает на проекторе.

Можно ли ставить фотографию на фон слайда

Можно, если под текстом лежит затемняющая подложка. Текст прямо на фотографии читается плохо почти всегда.

Как проверить, что акцентный цвет заметен

Обесцветьте скриншот слайда. Если в чёрно-белом варианте акцент не отличается от остального, на проекторе он тоже не будет отличаться.