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

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

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

Референс

Простые советы про типографику от Миши Розова из wannabelike

2-в-1 — и пример интересно оформленной презентации и полезное чтивно про типографику.

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

Пример презентации, сгенерированной на 80% через нейронные сети

На созвоне рассказывал о проекте в котором принимал участие. Мы там делали презентацию в комиксовом стиле. 80% визуала было сгенерировано нейронной сетью. Там рассказывал, а тут покажу :–)

Презентация для BrainboxVC — это краудинвестинговая платформа. Ребята создают комьюнити фаундеров и инвесторов вокруг своей платформы и для этого им нужна была презентация с помощью которой можно было бы в интересном формате рассказать о себе.

Так был выбран формат комикса, придумана история, персонаж и дальше всё завертелось.

Дизайнер презентации — Артём Поздняков. Артём генерировал визуал в Миджорни, а потом дорабатывал в Фотошопе. Поверх накидывал баблы и текст. В итоге, как мне кажется, получилось бомбически! Презентацию не только интересно почитать, а в целом интересно разглядывать как произведение искусства.

А теперь и сами слайды:

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

Презентация Леонида Фейгина на дизайн-просмотре

…продолжая тему презентаций с дизайн-просмотра.

Ребята выложили презентации всех спикеров, в том числе и с Московской конференции, которая прошла ещё в начале мая. Покопался в них и нашёл ещё одну интересную от Леонида Фейгина, креактивного директора DDVB.

Презентация в комиксовом стиле и с соответствующей подачей. Такую презентацию вряд ли получится подготовить без дизайнера, но выглядит конечно клёво.

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

Презентация Никита Кулижникова на дизайн-просмотре

Никита Кулижникова — разработчик, который стал менеджером в дизайн-студии М18 и рассказывает на Дизайн-просмотре о том, как они чуть не потеряли свою студию в кризис и как перестраивали процессы.

Кажется, что в оформлении Никите помогал дизайнер, всё таки в дизайн-студии работает :—)

Мне понравилось несколько моментов. Первый — это списки. Посмотрите 4 варианта в карусели. Все разные и по своему-интересные. Казалось бы — обычный перечень, но сколько способов сверстать их.

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

Почему бы не сделать презентацию доклада в стиле Очень странных дел? — Легко!

Саша Гладких выступил на Дизайн просмотре с презентацией именно в таком стиле. Кайф!

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

Примеры вёрстки тарифных планов

Частенько в презентациях нужно верстать слайды с тарифными планами.

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

Действие состоит из трёх шагов:

  1. Идём на сайты с референсами и смотрим как верстают тарифные сетки на сайтах. Искать по ключевому слову Pricing.
  2. Смотрим на свою структуру данных и о чем рассказываете. Находите подходящий по структуре референс и адаптируете его под свой стиль презентации и скорее всего дорабатываете под свои нужны.
  3. Вы молодец/умница

Референсы:

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

Примеры вёрстки списков

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

В качестве буллетов можно использовать как цифты, так и тематичные иконки в одном стиле. Что именно использовать — зависит от контекста.

Такой вариант вёрстки списков хорошо подходит под презентации для отправки, которые выступают в качестве самостоятельного документа.

Можно и для выступления такое сделать, но я бы тогда последовательно показывал списки: на первом слайде первый пункт, на втором добавляется еще один и т.д. Чтобы не палить зрителю сразу все пункты. (Если конечно не обязательно всё сразу показать).

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

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

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

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

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

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

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

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

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

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

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

Брендбук Дринкита и чем вообще могут помочь нам брендбуки при оформлении презентации

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

В нашем случае брендбуки интересны с точки зрения референсов, потому что:

  1. В брендбуке описываются правила создания стиля: цветовая палитра, шрифт, подходы к стилизации и выбору композиции. Какие-то из правил можно подхватить в свою презу, либо взять за основу и самостоятельно додумать.
  2. Вне зависимости от фирменного стиля, описываемого в брендбуке — слайды брендбука сами по себе являются примерами того, как можно представить информацию.
  3. Если нужно оформить презентацию в фирменном стиле компании и у этой компании есть брендбук — используйте его, это сильно упростит вам жизнь.

В качестве примера покажу брендбук Дринкита. В нём 152 слайда, есть на что посмотреть:

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

Ранее