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

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

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

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

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

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


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

Что сделал?

  1. Добавил круговую диаграмму. Каждый сектор — это статья расхода.
  2. Каждую строку из статьи расходов связал порядковым номером с соответствующим сектором диаграммы.
  3. Чтобы не превращать слайд с диаграммой в цветовую вакханалию я каждый из секторов диаграммы раскрасил не в самостоятельный цвет, а во второстепенный с шагом прозрачности в 5-10%. Сектора различимы, при этом визуально аккуратно и не вызывающе.

В результате получился следующий слайд:

Дополнение от Миши Капанага:

Сделал бы строки короче — пусть некоторые пункты будут в две строки, не страшно. И заменил бы пай-чарт на столбики, чтобы график был прямо у данных. Место освободившееся можно занять картинкой или добавить какую-то дополнительную инфу, которая раньше не умещалась:

Ещё заметки

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

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