VJOURNAL

Дизайн • Глобальная редакция •

Советы по дизайну презентации: шрифт, контраст, мастер-слайд и права на картинки

Советы по дизайну презентации полезны, только если их можно проверить. Одна мысль на слайд, заголовки-выводы, размер шрифта и контраст по Microsoft и WCAG, мастер-слайды, права на картинки и чек-лист.

Обложка VJOURNAL к материалу «Советы по дизайну презентации: шрифт, контраст, мастер-слайд и права на картинки»

Короткий ответ

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

4 источника
Дайте каждому слайду одну мысль и уникальный описательный заголовок; руководство Microsoft по доступности советует это, даже если заголовок скрыт.
Microsoft рекомендует текст от 18 пунктов знакомыми шрифтами без засечек вроде Arial или Calibri и не советует писать заглавными.
WCAG задаёт контраст 4,5 к 1 для обычного текста и 3 к 1 для крупного на уровне AA.

Одна мысль на слайд — правило, которое можно проверить

Советы по дизайну презентации часто звучат как вкус, поэтому начните с тех, что проверяются. Слайд несёт одну мысль, если её можно сказать одним предложением без слова «и». Если «и» нужно, слайдов два. Проверка работает на этапе планирования, до выбора цвета, и заставляет сначала прояснить содержание, а уже потом украшать.

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

Пишите каждый заголовок как вывод

Подпись вроде «Рынок» или «Результаты» говорит зрителю, где он находится. Вывод вроде «Заказы постоянных клиентов росли каждый квартал» говорит, чему верить. Поставьте вывод в заголовок, а остальное на слайде пусть будет доказательством. Человек, прочитавший только заголовки, должен понять весь ход рассуждения.

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

Размер шрифта и гарнитуры по рекомендациям Microsoft

Та же страница Microsoft даёт конкретные цифры. Она рекомендует размер шрифта от 18 пунктов, шрифты без засечек и достаточно свободного места, называя знакомыми примерами Arial и Calibri. Не советует писать заглавными буквами, злоупотреблять курсивом и подчёркиванием и рекомендует выравнивать абзацы по левому краю.

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

Контраст: ориентиры 4,5 к 1 и 3 к 1

Руководство по доступности веб-контента, критерий успешности 1.4.3 уровня AA, требует контрастности не ниже 4,5 к 1 для текста и изображений текста и не ниже 3 к 1 для крупного текста. Оно написано для веба, но это самый ясный опубликованный ориентир для светло-серого текста на белом или бледно-голубого на фотографии. Бесплатные проверялки считают отношение по двум цветам.

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

Диаграммы и таблицы, которые называют свой вывод

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

О таблицах руководство Microsoft говорит избегать их, где возможно, и подавать данные иначе, а если без них нельзя, делать простую структуру с заголовками столбцов. Та же страница просит альтернативный текст для изображений: одно-два предложения о содержании и назначении, не начинающиеся со слов «изображение». Если текст есть внутри картинки, повторите его на слайде, потому что картинку с текстом нельзя прочитать вслух как текст.

Мастер-слайд или тема держит колоду единой

Единство — самый дешёвый способ выглядеть профессионально, и берётся оно из одного места. Справка Google Slides определяет тему как готовый набор цветов, шрифтов, фона и макетов. Изменение с параметром «Добавить в тему» применяет цвет ко всей презентации, а «Изменить цвета темы» меняет цвета, из которых тема состоит.

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

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

Права на картинки, заметки докладчика и версия для отправки

Картинка из интернета не бывает свободной по умолчанию. Creative Commons описывает свои лицензии как стандартный способ заранее дать разрешение, и в каждой есть BY — нужно указать автора. Элемент NC разрешает только некоммерческое использование, а продающая презентация — коммерческое. Элемент ND запрещает адаптации, поэтому обрезанная или перекрашенная копия может быть недопустима. Читайте лицензию каждой картинки, которую оставляете.

Слайды для показа и слайды для чтения — два разных документа. Показываемая колода скупа, аргумент в голосе докладчика. В версии для отправки заметки выписаны коротким текстом и возвращена плотная диаграмма, потому что рядом некому её пояснить. Делайте вторую из первой и называйте ссылки по странице, куда они ведут, как советует Microsoft, а не пишите «нажмите здесь».

Держите на последнем слайде версии для отправки краткий список источников. Утверждение с названным источником, датой и ссылкой читается иначе, чем без них, а список показывает читателю, какие цифры вы проверили сами. Так колода работает и как документ, к которому возвращаются через неделю.

Чек-лист перед отправкой и что подготовить для студии

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

Если колода важнее, чем время на её сборку, Presentation design в VITON13 Studio даёт продающую логику, иерархию доказательств и редактируемый мастер, которым команда пользуется снова. Стоимость от $53 с ИИ или $73 при ручной работе, срок 2–4 рабочих дня. Принесите текущие слайды, доказательства, аудиторию и дату встречи, и смета из них следует.

Практический чеклист

  • Скажите мысль каждого слайда одним предложением без «и» или разделите слайд.
  • Перепишите каждый заголовок как вывод и не допускайте двух одинаковых.
  • Поставьте основной текст от 18 пунктов одним шрифтом без засечек и проверьте контраст по 4,5 к 1.
  • Собирайте слайды из макетов одной темы, чтобы шрифты и цвета менялись в одном месте.
  • Запишите лицензию и автора каждой картинки и подготовьте более полную версию для отправки.

Вопросы и ответы

Сколько слов должно быть на слайде?

Опубликованные руководства не называют числа слов. Используйте проверку одним предложением: если мысли нужно «и», разделите слайд. Текст, который не входит в 18 пунктов, — признак перегруза.

Применимы ли правила контраста из веба к слайдам?

WCAG писали для веб-контента, но отношения 4,5 к 1 и 3 к 1 — практичный ориентир для любого экрана. Страница самой Microsoft просит достаточного контраста и в слайдах.

Нужен ли мастер-слайд для короткой колоды?

Он стоит немного и экономит правки. Справка Google описывает тему как цвета, шрифты, фон и макеты вместе, так что одна правка доходит до каждого слайда. Без неё каждый слайд чинят вручную.

Можно ли брать любую картинку из интернета?

Нет. Лицензии Creative Commons всегда требуют указать автора, а элемент NC исключает коммерческое использование. Проверяйте лицензию каждой картинки, храните запись об источнике и лучше берите свои изображения.

Отправлять ту же колоду, что показываю?

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