Лаборатория слайдов

Лаборатория слайдов

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

Прошлые заметки

Рассказываю об инструментах, которые использую в работе над презентациям, обсуждаем как экспортировать слайды из Фигмы в Поверпоинт, почему не стоит делать презентации в Иллюстраторе и многое другое

Фрагмент из второго созвона о презентациях:

Если коротко:

  1. Основной инструмент в котором делаю презентации — Поверпоинт. Если нужно отрисовать сложную схему, то использую Иллюстратор, если нужно обработать фотографию, то — Фотошоп.
  2. Гугл презентации использую как инструмент для сборки черновика и ускорения вёрстки презентации в Поверпоинте: пока заказчик презентации собирает черновик в Гугл Презезентациях, то я беру оттуда готовые слайды и оформляю, не жду пока будет готов весь черновик. Выручает в особо важных и срочных ситуациях.
  3. Был опыт сборки презентации в ИнДизайне, но он слишком громоздкий для этого. Если презентация объемная и с большим количеством данных, считай как документ или книга, то можно в ИнДизайне верстать. В ином случае лучше выбрать другой инструмент.
  4. В Фигме не верстаю презентации, но узнал, что есть плагин для экспорта в pptx — Deck.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Когда презентация происходит на проекторе — как правильно подбирать цвета и размер шрифта, особенно когда необходимо показать большой кусок кода?

Фрагмент из созвона о презентациях, обсуждаем четвёртый (и послдений) вопрос:

К чему пришли в вопросе о демонстрации кода на проекторе:

  1. Если хотите показать на проекторе презентацию и продемонстрировать код, то для этого можно не делать презентацию.
  2. Демонстрируйте экран со своей IDE и кодом в режиме презентации. Если такой опции в редакторе кода нет, то можно найти специальные для этого плагины. Искать по ключевому слову: live coding demo.

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

Как автоматизировать создание презентаций рядовыми сотрудниками и есть ли какой-то инструмент, где собраны паттерны того, как какие-то слайды могут выглядеть по-разному?

Фрагмент из созвона о презентациях, отвечаю на третий вопрос:

Если коротко, то вот как можно собирать шаблоны:

  1. Оформляем 10-20 презентаций для сотрудников самостоятельно, выявляем типовые слайды.
  2. На основе получившихся презентаций собираем конструктор с различными вариантами слайдов, которые чаще всего используются сотрудниками.
  3. Конструктор собираем там, где сотрудникам удобно будет с ним работать. Хороший вариант — это Google Презентации.
  4. Записываем видео с рассказом как работает конструктор и рекомендациями как его использовать. Показываем сотрудникам. Либо устраиваем созвоны и лично рассказываем

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

Где можно поучиться работе с фактурой презентации, не самому дизайну, хотя это тоже, а проработке структуры, сценарию и ключевым смыслам?

Фрагмент из созвона о презентациях, отвечаю на второй вопрос:

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

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

Клиент много чего хочет впихнуть на слайды. Как донести до него, что так делать плохо?

Фрагмент из созвона о презентациях, отвечаю на вопрос:

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

Перевёрстка слайда #2

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

Сегодня таблица с финансовыми показателями. Исходный слайд:

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

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

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

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

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

Перевёрстка слайда #1

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

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

Исходный слайд:

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

Ещё заметки