с помощью нейросети
Создать презентацию
Как подобрать цвета для презентации и красивое сочетание цветов?

Как подобрать цвета для презентации и красивое сочетание цветов?

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

Как подобрать цвета для презентации и красивое сочетание цветов?
Время на прочтение: ~6 мин

Цвета для презентации подбирают от одного главного цвета: к нему добавляют спокойный фон, тёмный цвет для текста и один яркий акцент, а все остальные оттенки берут из этой же гаммы. Удобная пропорция для слайда такая: примерно 60% площади занимает фон, 30% основной цвет блоков и заголовков, 10% акцент для цифр, кнопок и выделений. Главное правило проще любой схемы: текст должен уверенно читаться на фоне, иначе даже красивое сочетание бесполезно. Перед выбором ответьте на четыре вопроса:

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

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

Нет времени подбирать оттенки и проверять контраст вручную? Попробуйте, как нейросеть для презентаций SimpleSlide соберёт слайды с готовой цветовой гаммой: презентация генерируется с помощью ИИ примерно за 1 минуту. Введите тему или вставьте свой текст, и вы получите шаблон, который легко отредактировать или сразу скачать в PPTX или PDF.

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

С чего начать подбор?

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

  1. Фон: светлый почти белый или, наоборот, очень тёмный, без насыщенных оттенков.
  2. Основной текст: тёмно-серый на светлом фоне или почти белый на тёмном.
  3. Главный цвет: заголовки, плашки, крупные фигуры.
  4. Акцент: одна-две вещи на слайде, которые должны бросаться в глаза.
  5. Вспомогательный нейтральный: подписи, линии сетки, второстепенные элементы.

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

Что делать с фирменными цветами?

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

Что подсказывает сам цвет?

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

Цвет Где часто используют С чем осторожно
Синий Финансы, IT, отчёты, наука Слишком холодный при сплошной заливке, оживите тёплым акцентом
Зелёный Экология, здоровье, рост показателей Пара с красным плохо различается при дальтонизме
Красный Предупреждения, важные цифры, спорт Большие красные площади утомляют, оставьте его для акцентов
Оранжевый и жёлтый Детские темы, праздники, призывы к действию Жёлтый текст на светлом фоне почти не виден
Фиолетовый Креативные индустрии, стартапы, образование Насыщенный фиолетовый фон снижает читаемость
Серый и чёрный Премиальные продукты, минимализм Без акцента слайды выглядят скучно

Сколько цветов брать?

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

Палитра для презентации из цветов темы PowerPoint

Как настроить сочетание цветов для презентации PowerPoint?

Что такое цвета темы?

В PowerPoint цвета живут в теме оформления. Если задать их один раз, они появятся во всех палитрах программы: в заливке фигур, цвете шрифта, диаграммах и SmartArt. Справка Microsoft описывает состав набора так:

Цвета темы включают четыре цвета для текста и фона, шесть цветов для выделения и два цвета для гиперссылок.

Шесть цветов для выделения в интерфейсе называются «Акцент 1» и далее до «Акцент 6». Именно в таком порядке PowerPoint раскрашивает ряды диаграмм, поэтому первый акцент стоит сделать главным цветом презентации.

Как создать свой набор цветов?

Порядок по справке Microsoft для Windows:

  1. Откройте вкладку «Конструктор» и в группе «Варианты» нажмите стрелку вниз.
  2. Выберите «Цвета», затем «Настроить цвета».
  3. В окне «Создание новых цветов темы» нажмите кнопку рядом с нужным элементом, например «Акцент 1».
  4. Выберите цвет или нажмите «Другие цвета» и введите точный код на вкладке «Другие».
  5. Повторите для остальных элементов, впишите имя набора и нажмите «Сохранить».

Кнопка «Сброс» перед сохранением возвращает исходные цвета темы. Созданный набор появится в списке «Цвета», а всю тему целиком можно сохранить файлом THMX через «Сохранить текущую тему» и применять к другим презентациям.

Как взять цвет с логотипа?

В меню заливки и цвета шрифта есть инструмент «Пипетка». Вставьте логотип на слайд, выберите фигуру, откройте заливку, нажмите «Пипетка» и щёлкните по нужному месту картинки. Цвет станет заливкой, а его код можно посмотреть в «Других цветах» и перенести в цвета темы. Если у компании есть брендбук, берите коды оттуда: пипетка на сжатом JPG иногда даёт соседний оттенок.

Какое сочетание цветов читается лучше?

Что такое контраст и какой нужен?

Контраст показывает, насколько текст отличается по яркости от фона. Его считают как отношение двух яркостей. Для этого есть бесплатные калькуляторы контраста: вводите два кода цвета и получаете число. Ориентир берут из стандарта доступности WCAG. На уровне AA обычному тексту нужно не меньше 4.5:1, крупному не меньше 3:1. Эти же значения как ориентир использует Apple в своих рекомендациях по дизайну интерфейсов. Для слайдов, которые смотрят издалека и часто через проектор, лучше брать запас и не опускаться ниже 7:1 для мелких подписей.

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

Какие пары цветов опасны?

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

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

For example, people who are color blind may have particular difficulty with pairings such as red-green and blue-orange.

Там же советуют дополнять цвет формой или значком. Для слайдов вывод практический. «Рост» и «падение» дополнительно помечайте стрелками или подписями. Линии на графике различайте ещё и типом штриха.

Как быстро проверить слайды?

В PowerPoint для Windows на вкладке «Вид» есть режим «Оттенки серого». Включите его и пролистайте презентацию. Если заголовок слился с фоном или два ряда диаграммы стали одинаково серыми, контраста не хватает. Вторая проверка: откройте файл на телефоне при обычной яркости и посмотрите на самый мелкий текст.

Проектор съедает контраст

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

Как проверить зал заранее?

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

Какие сочетания цветов выбрать под тему?

Готовые палитры с кодами

Ниже примеры наборов, которые мы собрали для типичных задач. Коды можно сразу вписать в «Другие цвета» при настройке темы. Перед показом всё равно проверьте контраст на своём экране.

Задача Фон Текст Главный цвет Акцент
Деловой отчёт #FFFFFF #1F2937 #1E3A8A тёмно-синий #F59E0B янтарный
Экология, биология #F7F5EE #22302A #2F6B4F зелёный #E07A3F терракотовый
Медицина, наука #F5FAFC #13293D #0F7C8C бирюзовый #E5484D красный для важного
Школьный проект #FFFDF7 #2B2B2B #3B82F6 голубой #FACC15 жёлтый для плашек
IT и стартап, тёмная тема #111827 #F9FAFB #6366F1 фиолетовый #22D3EE голубой
Праздник, мероприятие #FFF7F2 #3A2A2A #C2410C оранжевый #7C3AED фиолетовый

Жёлтый в школьном наборе подходит только для плашек и фона под тёмным текстом. Жёлтые буквы на светлом фоне не читаются.

Тёмный или светлый фон?

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

Как раскрасить диаграммы и схемы?

Один ряд в фокусе

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

Ступени одного цвета

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

Сколько оттенков различает зритель?

На экране уверенно различают четыре-пять цветов одновременно. Если в круговой диаграмме восемь секторов, часть из них лучше объединить в «прочее» или перейти на столбцы с подписями. Цвет при этом перестаёт быть единственным носителем смысла, и диаграмма остаётся понятной даже в черно-белой распечатке.

Какое лучшее сочетание цветов для презентации?

Есть ли универсальный вариант?

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

Какие ошибки встречаются чаще всего?

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

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

Как сохранить палитру для презентации и использовать её снова?

Где хранить цвета?

Сохранённый набор цветов темы доступен в PowerPoint на этом компьютере, а созданная тема THMX лежит в папке «Темы документов» и появляется в разделе пользовательских тем. Справка Microsoft отмечает, что набор цветов, созданный в PowerPoint, можно использовать и в других приложениях Office, например в Word и Excel. Удобно, когда отчёт и презентация к нему должны выглядеть одинаково.

Общая цветовая гамма для команды, которая делает презентацию вместе

Что делать, если файл открыли в другой программе?

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

Как работать с палитрой в команде?

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

Короткая памятка по цветам

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

Быстрая навигация

Подождите, идет загрузка