Вёрстка презентаций

Вёрстка презентаций

Блог о вёрстке презентаций и всего, что связано с их оформлением. Первоисточник всех заметок — канал в телеграме.

Совет

Позднее

Нюанс выступления: режим энергосбережения

Каждый второй доклад на Д-В страдал от этой проблемы: спикер показывает презентацию со своего ноутбука (это ещё не проблема). На долго останавливается на одном слайде (это тоже ещё не проблема) и тут ноутбук засыпает, телевизор тухнет (а вот это уже проблема).

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

И это подбешивало всех.

Почему так происходило?

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

Когда спикер долго останавливается на одном слайде, то его ноутбук считает, что ничего не происходит и уходит спать 🤷‍♂️

Как избежать этого?

Зайдите в настройки энергосбережения своего ноутбука и укажите, чтобы при работе от батареи он не засыпал. После конференции вернёте настройки обратно. На macOS это Настройки → Аккумулятор → Режим энергосбережения и переводим в положение Никогда:

Дел на пару минут :—)

Читать заметку

Пустой слайд в презентации

Эти выходные нахожусь на конференции Дизайн-выходные. Слушаю доклады про дизайн и заметил интересный подход в презентации под выступление: в презентацию можно вставить пустой слайд (прикиньте, так можно!).

Пустой слайд можно вставить когда не нужно иллюстрировать речь, а наоборот — сконцентрировать внимание на докладчике:

Работает отлично!

Читать заметку

Как узнать название шрифта, который используется на сайте

Недавно рассказывал про брендбуки и то, как их можно использовать в стилизации презентации.

Но не у всех компаний бывают брендбуки. При этом задача «сделать в стиле компании» никуда не пропадает. Что делать в этом случае? Ориентироваться на стиль сайта компании. Да, он может быть не очень красивым, но нам оттуда будут полезны две вещи:

  1. Акцентный цвет – это тот цвет, который выделяется на фоне всего остального. Например, МегаФон зеленый, МТС красный. Ну вы поняли. Узнать точный код цвета можно через Пипетку, она есть в любой системе. К акцентному цвету добавляем белый, черный и серый. Так мы получаем цветовую палитру презентации.
  2. Шрифт. Узнать название шрифта, который используется на сайте — чуть сложнее. Можно залезть в консоль разработчика, но если вы не разбираетесь в этом, то используйте плагин для браузера от fonts.ninja. С помощью этого расширения можно узнать название шрифта, если он бесплатный, то ещё и скачать.

Как уменьшить размер презентации без сторонних сервисов

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

Как вариант, можно предварительно через tinypng.com оптимизировать каждую картинку, а уже потом вставлять её в презентацию.

А можно немного облегчить себе жить и воспользоваться встроенной в PowerPoint функцией «Сжать рисунки…».

Краткая инструкция:

Шаг 1: в меню выбираем ФайлСжать рисунки…

В меню выбираем Файл → Сжать рисунки…

Шаг 2: в настройках выбираем Для просмотра на экране.

В настройках выбираем качество рисунка «для просмотра на экране».

Так у меня получилось облегчить файл презентации с 39 до 4мб.

Читать заметку

Как быстро оформить заголовочный слайд

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

При помощи сервиса meshgradient.in можно сгенерировать цветной фон с градиентом и вставить его на слайд. На видео пример того, как можно быстро оформить заголовочный слайд:

  1. Заходим на meshgradient.in, генерируем фон и выбираем понравившийся.
  2. Чтобы сохранить его на компьютер нажимаем «Save» и указываем размеры слайда, обычно это 1920×1080px.
  3. Добавляем изображение на слайд.
  4. Делаем текст больше, выставляем нужный шрифт и располагаем по сетке (желательно, но не обязательно).
  5. Готово.

Читать заметку

Как обрезать фотографию по фигуре

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

Есть сервис blobs.app и с его помощью можно генерировать пузыри произвольной формы, а потом использовать в PowerPoint как маску для фотографии. Выглядит клёво, времени занимает минимум.

На видео пример того, как можно обрезать фотографию:

  1. Закидываем фото и svg-файл пузыря на слайд, преобразовываем объект в фигуру.
  2. Выставляем нужный размер и позицию пузыря на фото. Для удобства можно сделать его полупрозрачным.
  3. Выбираем сначала фото, а потом пузырь ← тут важна именно такая последовательность.
  4. Переходим в «Формат фигуры» → «Объединить фигуры» → «Пересечение».
  5. Готово.

Читать заметку

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

Записал скринкаст с советом как за пару кликов избавиться от двойных пробелов по всей презентации:

Читать заметку