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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Презентация в стиле Notion

Макс Чистов из ninesquares.ru выступал с докладом про Notion и то, как они у себя в студии организовали хранение информации.

А презентацию оформил в стиле интерфейса Notion. Вроде бы достаточно очевидно, но и в тоже время на мой взгляд выглядит круто! Ты как бы погружен сразу в контекст, в то пространство, о котором рассказываешь.

Презентация в стиле Notion

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Бразильские статистические атласы о кофе

В январском выпуске Журналуса наткнулся на «Бразильские статистические атласы о кофе» — это такие отчёты со статистикой продаж кофе в разные страны мира в 1940-1942 годах.

«Атласы» на португальском, поэтому смысл не особо понял и переводчик не сделал понятнее. Но это не помешало мне полюбоваться на инфграфику 40’ых годов. Ну и с вами хочу поделиться .

Прикиньте, ведь тогда никаких вам Фигм, Фотошопов, Поверпоинтов. Всё своими руками рисовать надо. В том числе и шрифты. Это сколько работы!

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

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

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

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

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