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

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

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

Референс

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

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

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

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

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

Референсы:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шрифт, цвет и линейки

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

При этом какая большая разница в восприятии и всё это только лишь за счёт выбранного шрифта и работы с композицией.

Первая презентация: элегантная, эстетичная, интересно не только читать, но и разглядывать:

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

Презентация о Most Creative Camp

Ребята из Most Creative Camp запустили сайт с рассказом о себе, а в этом рассказе ещё и ссылку на презентацию своих продуктов указали, ну я и заглянул в неё. А теперь и вам хочу показать.

Показать затем, чтоб напомнить, что не обязательно делать какую-то сложную графику, чтоб получить хорошую презентацию.

Если посмотреть на слайды презентации Most Creative Camp, то мы не увидим ничего сверхсложного как с точки зрения графики, так и с точки зрения вёрстки.

Бесплатный шрифт из Google Fonts (Gilroy), текст расставлен по модульной сетке, интересный приём с заголовками и текстом по центру с выравниванием по левой стороне, фотографии в единой стилистике и собственно всё.

Просто и красиво.

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

Слайды с презентации Google Pixle 6

Немного красоты в ленту 🖤

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

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