Как верстать слайды: пошаговая инструкция

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

Содержание слайда

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

• 1 заголовок;
• 4 sale-point;
• 1 описание
• изображения.

Мы выбрали именно это содержание, потому что подобный набор смысловых элементов позволит оптимально раскрыть идею слайда: заголовок введет в суть дела, описание подробнее раскроет детали сообщения, а 4 sale-point  позволят продемонстрировать определенные тезисы и преимущества.

Рабочая область

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

Сетка

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

Количество ячеек в сетке высчитывается по принципу: количество смысловых элементов * (умножить) на 2.

Следовательно, мы берем 5 смысловых элементов на слайде (без заголовка) и получаем 10. Нам нужно создать сетку с 10 ячейками, но возникает проблема в том, что она  преобразуется неравномерно: 5х2 или 2х5.  Для решения этой проблемы мы берем ближайшее в большую сторону четное число 12, которое органично разделяется на таблицу 3х4.

Создаем таблицу в PowerPoint со сторонами 4 и 3. Делаем прозрачный фон ячеек и полупрозрачные границы таблицы, чтобы она сильно не выбивалась в соотношении с основным контентом на слайде.

Компоновка элементов: принцип симметрии

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

Помещаем элементы относительно вертикальной оси так, как нам хочется. Но при этом придерживаемся принципа группировки схожих элементов, например, sale-point располагаем рядом. Мы их разместили в ячейках по нижнему краю слайда.

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

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

Приведем еще несколько примеров компоновки слайда, но уже относительно горизонтальной оси.

При добавлении фотографии у нас получается подобный слайд.

Компоновка элементов: принцип асимметрии

Перейдем к следующему принципу компоновки, который основывается на хаотичном расположении элементов в ячейках сетки.

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

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

А затем мы дополняем эту компоновку фотографиями в единой цветовой палитре и получаем следующий слайд.

Итак, мы продемонстрировали на конкретных примерах процесс компоновки слайда. Надеемся, что приведенные варианты компоновки слайда будут полезны вам в работе.

Хотите больше узнать про дизайн презентаций?

Читайте наши материалы! Здесь мы пишем самое актуальное про дизайн, управление бизнесом и ораторское мастерство.