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

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

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

Шаблоны оформления в стиле соцсетей можно найти по запросу «mockup», например, в дизайнерских сообществах или на сайте «Фотошоп-мастер». Вам потребуется фотошоп или GIMP для работы с такими файлами.

Самая первая изученная траектория — это F-паттерн. Глаза пользователя скользят по горизонтальным строчкам, каждый раз возвращаясь к левому краю слайда. Первый раз зритель просматривает всю строку, с каждым последующим разом он останавливается всё раньше, и раньше, и раньше.

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

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

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

Можно думать о Z-паттерне не как о пути между четырьмя точками, но как о способе разделить слайд на девять активных зон. В этом случае надо опираться не на ровные трети, а на золотое сечение.

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