Цветовые акценты: выделено всё, а главного не видно
Слайд приносят на разбор, и он весь цветной: заголовок фирменным синим, цифры красным, плашка зелёная, иконки жёлтые. Автор честно выделил важное. Важным оказалось всё сразу, и зал не понимает, куда смотреть. Цветовой акцент живёт по одному правилу: он работает, пока он один. Ниже это можно проверить на себе: хватит двух слайдов и пары кликов.
Где рост выручки?
Один и тот же слайд, собранный двумя способами. Нажмите на плитку «Рост выручки»: сначала на первом слайде, потом на втором.
Так слайд приносят на разбор: выделено всё.
Шаг 2: сначала найдите плитку на первом слайде.
Что такое цветовой акцент
Цветовым акцентом называют один цвет, которым на слайде выделено одно место. Всё остальное держится на нейтральных: чёрном, сером, белом. Сила акцента не в яркости, а в редкости: цветное пятно глаз находит раньше, чем начинает читать слова.
Отсюда следствие, которое ломает привычную логику: акцент делает не акцентный цвет, а нейтральная база вокруг него. Красная цифра на сером слайде видна из последнего ряда. Та же цифра среди синего, зелёного и оранжевого просто стоит в очереди за вниманием. Цвет вы не меняли, а акцента больше нет.
Второе требование к акценту: он обязан пройти порог читаемости, иначе выделение превратится в пятно, которое видно, но не прочитывается. Как считают этот порог, разобрано в статье про контрастность текста и фона.
Проверьте совет «сделайте поярче»
Бегунок красит плашку с главной цифрой на обоих слайдах одним и тем же цветом. Разное только окружение.
Красный появился и стал четвёртым цветом.
Единственное цветное место: акцент работает.
Заметьте: справа вывод перестаёт меняться уже с середины шкалы. «Поярче» ничего не добавляет, дело решает спокойный фон вокруг.
Акцент измеряется площадью, а не громкостью
Самая частая правка от заказчика звучит как «выделите поярче». Ярче некуда: цвет уже фирменный красный. Работает противоположное действие: уменьшить пятно. Чем меньше площадь акцента, тем сильнее он тянет взгляд, и это можно показать бегунком, не вступая в спор о вкусах.
Практический ориентир: цветом занято около десятой части слайда. Дальше начинается заливка, а заливка не выделяет ничего, она задаёт настроение. Настроение тоже нужно, но это другая работа и другой инструмент.
Раздуйте акцент и посмотрите, где он кончится
Пятно одно. Бегунок растит его от одной цифры до целого слайда, счётчик показывает занятую площадь.
Десятая часть слайда служит ориентиром, а не нормативом. Считать линейкой не нужно: разница между акцентом и заливкой видна глазом, если про неё знать.
На слайде одно цветное пятно
Второй акцент не добавляет внимания, он делит его пополам. Третий делит натрое. К четвёртому слайд возвращается в исходное состояние: все элементы снова равны, только теперь они разноцветные и читать их тяжелее.
Приговор чужому слайду выносится за две секунды: сосчитайте цветные пятна. Больше одного, значит акцентов нет ни одного.
Добавляйте акценты по одному
Девять блоков плана. Бегунок решает, сколько из них выделено цветом.
Один акцент: взгляд попадает в нужный блок раньше, чем начинает читать.
Красьте вывод, а не заголовок
Заголовок и без цвета стоит первым: он крупнее и выше всех, это верхний уровень визуальной иерархии. Покрасить его значит потратить единственный акцент на то, что и так заметно. Цвет нужен там, где иерархия молчит: на цифре внутри строки, на одном слове вывода, на нужном столбце диаграммы.
Проверка простая. Спросите себя, ради какой фразы вы поставили этот слайд в презентацию. Вот её и красьте. Если ответа нет, дело не в цвете, слайд лишний.
Один акцент, четыре адреса
Слайд не меняется, красный переезжает с места на место.
Заголовок и без цвета стоял первым: он крупнее всех. Цвет ничего не добавил, а единственный акцент израсходован.
Акцент обязан читаться без цвета
Цвет пропадает чаще, чем кажется. Презентацию печатают на чёрно-белом принтере, проектор в светлой переговорке съедает половину насыщенности, а красно-зелёную разницу не различает примерно каждый двенадцатый мужчина в зале. Если акцент держится только на цвете, во всех трёх случаях слайд теряет главное.
Лечится дублированием: рядом с цветом ставится второй признак, который цвету не родня. Более тяжёлое начертание, кегль крупнее соседей, отдельная строка, воздух вокруг. Тогда снятие цвета не уносит смысл, а только приглушает его.
Уберите цвет и посмотрите, что осталось
Слева акцент держится только на красном. Справа к красному добавлены вес и кегль.
Только цвет
Цвет, вес и кегль
Где акценты ломаются чаще всего
- Радужная диаграмма: каждый столбец своего цвета, и ни один не главный
- Акцент на цветном фоне: фирменная заливка во весь слайд, а поверх ещё выделение
- Акцент на каждом слайде в новом месте: зритель заново ищет, где смотреть
- Выделение сразу тремя способами: цвет, жирный и подчёркивание на одном слове
- Цвет вместо подписи: легенда из пяти оттенков, которую надо запомнить
Последний пункт коварнее прочих. Сервисы подбора палитр из раздела про цвет выдают красивые наборы по пять оттенков, и эти пять оттенков хочется применить целиком. Набор для того и собран, чтобы вы выбрали из него один.
Где акцент не работает?
Нажмите на макет, в котором цвет перестал что-либо выделять.
Расставьте акцент сами
Перед вами слайд, на котором выделено четыре элемента сразу. Снимите лишнее и оставьте один акцент там, где он работает. Нажатие на элемент включает и выключает выделение.
Акцентов 4. Внимание делится между ними, главного по-прежнему нет.
Правильных ответов здесь два: выделить можно цифру или строку вывода. Заголовок и подпись остаются нейтральными в любом случае.
Шесть слайдов, где акцент работает
Это слайды из нашей базы, не учебные заготовки. Приём в них один: цвет достаётся ровно одному месту. А вот способы разные, и в этом всё дело. Любой слайд открывается в базе целиком.
Акцент как данные. Цветом отмечены те самые 20 процентов, о которых слайд. Остальные фигуры серые и работают фоном.
Две доли, один цвет. Яркость достаётся только той части, ради которой слайд сделан. Вторая уходит в приглушённый оттенок.
Один шаг из пяти. Этапы набраны одинаково, цветной блок стоит на том, к которому всё ведёт.
Один цвет на весь слайд. Им покрашены и вывод в заголовке, и метки на карте. Карта при этом остаётся серой.
Акцент нарастает к выводу. Столбцы разгораются слева направо, и взгляд приходит на последний, ради которого всё построено.
Один показатель из трёх. Карточки одинаковые, цветная плашка стоит под цифрой, которую надо запомнить.
Обратите внимание на площадь: в каждом слайде цветом занята малая часть кадра. Именно поэтому акцент виден.
Три правила цветового акцента
Акцент отвечает за то, куда зритель посмотрит первым. За то, что он увидит вторым и третьим, отвечают размер и вес, а за связи между блоками отвечают закон близости и воздух вокруг них.
Одно пятно
Цветных мест на слайде одно. Два акцента делят внимание, четыре отменяют друг друга.
Красьте вывод
Заголовок заметен и без цвета. Акцент идёт на цифру или фразу, ради которой слайд сделан.
Живёт без цвета
Дублируйте акцент весом или кеглем. Чёрно-белая печать не должна уносить главное.
Чек-лист самопроверки слайда
Отметьте то, что выполнено на вашем слайде.
Одно правило в неделю
Подпишитесь на рассылку: каждую неделю присылаем разбор одного правила дизайна и материалы, которые можно применить сразу.
Те же разборы выходят в телеграм-канале школы. Другие термины разобраны в Учебнике.