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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выключка по левому краю создаёт невидимую линию слева, на которую так удобно опираться нашему взгляду. Такое выравнивание текста соответствует F-паттерну, чтению текста слева направо, сверху вниз. Зеркальное отображение — выключка по правому краю. Она удобна при чтении справа налево, но в наших странах её стоит применять только для служебных текстов слайда (подписи, колонтитулы, копирайты).

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

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

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

Направляющие можно провести:

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

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

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

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