Перейти к основному содержимому

Цвета в PowerPoint. Теория, практика, тренды, антитренды

Статья будет полезна всем, кто делает презентации и тратит больше чем хотелось бы времени на оформление – перекрашивание заливки фигур, окаймлений, цвета, и других элементов. Это время можно сэкономить. Статья состоит из двух частей. В первой рассмотрим немного теории – то, каким образом PowerPoint выбирает дефолтное (по умолчанию) цветовое оформление элементов слайда и как мы на него можем влиять. Вторая часть практические советы по использованию цвета в презентациях - приведен перевод рекомендаций Роберта Лейна (Robert Lane). Роберт написал эти инструкции для размещения на официальном сайте Microsoft. На момент написания статьи, работа Роберта была переведена на русский с помощью машинного перевода, но так, что там мало что понятно. Поэтому мы решили ее перевести.

Теория настройки цвета PowerPoint

Как настроить цвета в теме PowerPoint?

Если зайти в Образец Слайдов (закладка ВИД панели быстрого доступа, секция Режимы Образцов, кнопка Образец Слайдов), на группе инструментов ФОН есть кнопка настройки цвета. При нажатии на кнопку в выпадающем списке видно несколько предустановленных офисных цветовых схем, а также пользовательские варианты. В этом выпадающем списке можно выбрать любой понравившейся цветовой профиль, либо внести пользовательские изменения, выбрав функцию Настроить цвета. Очевидно, что изменения поменяют цвет элементов слайда, давайте только разберемся как именно. Для демонстрации я воспользуюсь предустановленной офисной схемой «Обычная».

Настройка цветов темы в powerpoint

На открывшейся форме селектором цветов можно выбрать нужный цвет для следующих элементов:

  • Текст / фон – темный 1
  • Текст / фон – светлый 1
  • Текст / фон – темный 2
  • Текст / фон – светлый 2
  • Акцент 1
  • Акцент 2
  • Акцент 3
  • Акцент 4
  • Акцент 5
  • Акцент 6
  • Гиперссылка
  • Просмотренная гиперссылка

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

Цвета темы на основных элементах оформления содержимым

Основные элементы оформления – это селекторы, определяющие такие свойства как: Цвет текста; Заливка фигуры; Контур фигуры. Вызвать селектор можно, например, кликнув стрелку на кнопке изменения текста:

reference_selector_tsveta_0.jpg

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

  • Фон 1 (светлый)
  • Текст 1 (темный)
  • Фон 2 (светлый)
  • Текст 2 (темный)
  • Акцент 1
  • Акцент 2
  • Акцент 3
  • Акцент 4
  • Акцент 5
  • Акцент 6

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

Какой цвет выбирает PowerPoint для заливки фигур по умолчанию

Если на слайд вставить фигуру (закладка Вставка / Фигура), то PowerPoint зальет фигуру цветом Акцент1. Окаймление фигуры при этом будет зависеть от настройки эффектов на образце слайдов (ВИД / Образец Слайдов / Эффекты). По сути эффекты будут влиять на толщину линии окаймления, а цвет каемки будут выбран из более темных подтипов того же цвета Акцент1.

Если вы выберете другую тему, в которой будет другой цвет Акцент1, то новый цвет темы применится для данной фигуры. Вы можете для фигуры выбрать другой цвет темы, например, Акцент5, тогда при выборе другой темы цвет заливки также поменяется, только уже на соответствующий Акцент5 той новой темы. Если вы хотите, чтобы элемент, будь то заливка, или окаймление или текст не менялся от темы к теме, вы можете для него выбрать любой текст из секции стандартных цветов или закастомизировать цвет в кнопке Другие Цвета селектора.

Какой цвет выбирает PowerPoint для оформления диаграмм

Для оформления элементов диаграммы по умолчанию Power point применяет цвета Акцент, начиная с первого. Если элементов на диаграмме больше чем 6, для седьмого назначается другая вариация цвета акцент1, для восьмого – другая вариация цвета акцент2 и т.д.

представление цветов темы на элементах диаграммы

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

Какой цвет выбирает PowerPoint для оформления таблиц

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

nastroyka_formata_tablitsy.jpg

Секция конструктора таблиц состоит их двух частей.

  • Параметры стиля таблиц. Секция настроек определяет последующий вид автоформатирования таблицы. Там можно чекбоксами выбрать какие элементы нужно выделить.
    • Строка заголовка. При выборе верхняя строчка будет выделена темным фоном.
    • Строка итогов. То же самое что и выше, только для последней строчки.
    • Чередующиеся строки. Если выбрать чекбокс, то все строки кроме заголовков и итогов будут покрашены попеременно в разные оттенки.
    • Те же три пункта только для столбцов
  • Собственно готовые шаблоны. Сформированные на основании цветов тем и настроек параметров стилей таблиц. Темы оформления таблиц сгруппированы по категориям: рекомендуемые (поверпоинт оформил по своим правилам, оценив предыдущий контент и тему); светлые, темные. В каждой категории по два варианта, разбитые на 7 столбцов:
    • a. Нет стиля
    • b. 6 категорий Акцент1 - …. – Акцент6.

Какой цвет выбирает PowerPoint для оформления объектов Smart Art

Режим конструктора для объектов SmartArt показан на рисунке ниже

влияние цветовых настроек темы на форматирование объектов smar art

Тут для цветового оформления можно выбирать следующие профили полученные на основе цветов темы:

  • Монохромный сет.
  • Цветной сет. Составленный из всех установленный цветов Акцент, кроме почему-то первого. Двуцветные сеты, составленные из вариаций соседних цветов настройки Акцент, например, Акцент2 – Акцент3; Акцент 5 – Акцент 6;
  • Сеты, полученные исключительно на основе одного из цветов темы, например Акцента1
    • Одноцветные
    • Прозрачные с окаймлением из Акцента1
    • Градиенты цвета Акцента1

Комбинирование цветов в PowerPoint – Ошибки, которые нужно избегать

Автор: Robert Lane

Почему некоторые комбинации цветов работают очень хорошо в ваших презентациях, и почему другие комбинации делают презентацию сложной для просмотра? Роберт Лейн, эксперт в PowerPoint объясняет, как комбинировать цвета для того чтобы сделать эффективные и профессионально выглядящие слайды.

С PowerPoint у Вас есть все инструменты, но…

Новейшие версии PowerPoint, особенно начиная с PowerPoint 2010, имеют чудесные функции и инструменты, которые могут помочь нам, даже самым художественно не подготовленным, выходить за рамки «буллет поинтов» и создавать эффективные, графически привлекательные, солидно выглядящие слайды. Это фантастика! И теперь вопрос… как мы должны использовать эти инструменты? У большинства из нас нет художественного образования и необходимости знать правила для создания привлекательного и значимого контента.

Так как дискуссия о «эффективной графической коммуникации» с легкостью может занять целую книгу, давайте сфокусируемся конкретно на принципах использования цвета в PowerPoint. «Что такое хорошо и что такое плохо» в контексте цвета на слайдах?

Группы цветов

Один из способов «подобраться» к цветам – это провести классификацию, разделив их на две широкие группы: теплые и холодные цвета (рис ниже).

теплые и холодные цвета

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

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

яркий контраст с фоном выделяет объекты закрашенные цветом, который в большинстве случаев менее заметен

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

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

smeshivanie_teplyh_tsvetov.jpg

Также неплохо сочетаются холодные цвета друг с другом или оттенками серого.

smeshivanie_holodnyh_tsvetov.jpg

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

Вот где большинство дизайнеров PowerPoint имеют затруднения, так это в комбинировании цветов из теплой и холодной группы. Абсолютно НИКОГДА не делайте то, что показано на следующих двух рисунках. Если вы будете смотреть на любую из представленных картинок некоторое не продолжительное время, ваши глаза начнут «кричать». Смешивание ярких синих оттенков и красного – это ужасная практика, причиняющая дискомфорт аудитории, и к сожалению, эта практика встречается достаточно часто.

nedopustimaya_kombinatsiya_tsvetov1.png

То же самое происходит при смешивании красного и зеленого.

nedopustimaya_kombinatsiya_tsvetov2.png

Цветовая слепота (дальтонизм) встречается примерно у 7-ми процентов мужчин и 1-го процента женщин, и в частности, проявляется в невозможности различить сочетание красного и зеленого.

Давайте рассмотрим картинку выше с зеленым текстом на красном фоне. Если насыщенность цвета в фоне и тексте одинакова, некоторые люди вообще не смогут увидеть текст! Во избежание таких проблем – никогда не смешивайте эти два цвета друг с другом, в особенность в комбинации текст – фон.

Джулия Терберг (Julie Terberg), дизайнер и гуру PowerPoint, также указывает что использование тем в поверпоинте может значительно облегчить выбор комбинаций цветов.

nastroennye_temy_powerpoint.jpg

Цвета в «темах» подобраны так, чтобы их совместное использование давало приятный результат (хотя все же с предостережениями) при работе как в светлых, так и в темных вариациях презентаций.

Великодушный характер градиента

Достаточно интересно, что процедура создания цветного слайда намного упрощается при использовании градиента – плавного перехода одного цвета в другой. Начиная с версии 2010, PowerPoint предлагает улучшенный, дружелюбный интерфейс для создания градиентов.

nastroyka_gradienta.jpg

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

Поэкспериментируйте со смешиванием цветов, для создания собственных фонов целых слайдов или их секций:

Градиентная заливка фигуры или фона

Или для заливки кнопки навигации:

Градиентная заливка фигуры или фона

Или же трехмерного цвета:

Градиентная заливка текста

Цвет и текст

Возвращаясь к ранее рассмотренной специфике насыщенности цвета и контраста (черные точки на белом фоне), подмеченные выводы особенно важны, когда слайды содержат текст.

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

корректный способ сочетать текст и фон

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

как подстаивать расположение текста на фоне картинок

Типовые проблемы с цветовой гаммой

Предлагаем вашему вниманию несколько дополнительных фич, наработанных нами за многие годы:

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

Содержание раздела