Саша Бизиков

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

Заметки на тему вёрстки презентаций и всего, что связано с презентациями.

Верстка книжных и журнальных разворотов

Во втором модуле курса Bang Bang Education было задание сверстать в InDesign книгу, либо лифлет. Я решил сверстать книгу и для вдохновения пересмотрел книги и журналы, лежавшие в библиотеке.

Подборка получилась такой классной, что решил поделиться с вами.

Флет-плат разворотов

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

Конспект лекции Алексея Каптерева

Летом 2016 года учился в школе «Мобилизация» от Яндекса и одним из приглашённых экспертов был Алексей Каптерев — презентолог, консультант и автора книг «Мастерство презентаций» и «Точка контакта».

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

Алексей отвечает на вопросы после лекции
Алексей отвечает на вопросы после лекции

Конспект

Что такое презентация? Ответить на вопрос поможет фотография:

Презентация автомобиля

Презентация — это всё, что не машина. Шоу, представление, вечеринка. Но в каждой презентации должен быть продукт, а задача презентации заключается в том, чтобы продать тест-драйв этого продукта.

Подготовка презентации

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

Тезисно, советы по каждой части:

  1. Структура, 50%
    1. Что люди должны сделать после презентации?
    2. Какую проблему решаем?
    3. Не впариваем, но побуждаем к действию.
    4. Обсуждаем проблему, которая волнует и нас и аудиторию.
    5. Чередуем негатив (проблему) и позитив (решение).
    6. В конце презентации подводим резюме — краткий пересказ презентации. В отличии от остальных, слайд резюме может быть насыщен информацией.
  2. Слайды, 10%
    1. Последовательность слайдов должна быть очевидной: одно вытекает из другого.
    2. Основная функция слайда для докладчика — понять, что говорить. Если во время выступления вы забудете о чём говорить, посмотрите на слайд. Но это не значит что на нем должно быть много текста, как в университетских презентациях. Читать текст со слайда — плохо. В этом случае вы теряете контакт с аудиторией, они перестают вас слушать.
    3. 1-2 слайда из всей презентации могут быть сложными, но не более.
    4. Разбиваем структуру на уровни для лучшего понимания презентации.
    5. Для того, чтобы информация лучше усваивалась слушателями — не используйте сложные таблицы. Для этого лучше подойдут графики и диаграммы, которые наглядно продемонстрируют цифры.
    6. Нумерация в слайдах необязательна.
  3. Подача, 40%
    1. Не читаем текст со слайда, чтобы не терять контакт с аудиторией.
    2. Не волноваться за себя. Волноваться за других людей. Заранее задать себе вопросы: хороша ли моя презентация? Я точно уверен в фактах? Если нет, то почему? Что надо сделать, чтоб исправить ситуацию?
    3. Репетировать — обязательно. При этом, на каждой репетиции говорить чуть-чуть другой текст. Не нужно учить речь наизусть. Ещё с помощью репетиций вы поймете, сколько времени необходимо на выступление. Если не укладываетесь в тайминг — режьте свою речь, выбрасывайте куски, сокращайте, в общем делайте компактнее.
    4. Следить за временем выступления. Если у вас десять минут — выступайте десять минут. Если время подходит к концу, а вы ещё только на середине презентации, то переходите к последним слайдам. Нельзя растягивать или наоборот, заканчивать презентации в середине.
    5. Не говорить слишком быстро.

И ещё пара ответов на волнующие вопросы.

Как отвечать на неудобные вопросы?

Будьте честными. Не пытайтесь выдумывать на ходу, от этого будет только хуже. Если у вас спросили что-то, чего вы не знаете или это не касается вашей области деятельности — переадресуйте вопрос.

Перед ответом убедитесь, что вопрос на который собираетесь ответить интересен бóльшей части аудитории, иначе предложите пообщаться на эту тему один на один после презентации.

Как не волноваться?

Волноваться во время презентации — это нормально. Волнение говорит о том, что вам не всё равно. Но что делать, если из-за волнения забываешь о чём говорить и как себя вести?

  1. Репетировать, репетировать и ещё раз репетировать.
  2. Постараться не париться, а воспринимать как 15 минут славы. И да, мир не рухнет, если вы немножко облажаетесь.
  3. Не частить. Многие спикеры, когда волнуются говорят быстро. В таких случаях сложно разобрать, о чём вообще речь. Поэтому не торопитесь, говорите чётко и уверенно, делайте паузы, вместо «ааа», «эээ» и других паразитов. Отработать этот момент помогут репетиции.

Slide:ology, часть 2

Продолжение конспекта Slide:ology — книги о презентациях от Нэнси Дуарте, основательницы одной из крупнейших студий, занимающихся дизайном презентаций.

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

Конспект

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

С точки зрения дизайна каждый слайд можно разложить на три составляющие:

  1. Расположение
    Контраст, иерархия, единство, пространство, близость, последовательность.
  2. Визуальные элементы
    Фон, цвет, текст, изображения.
  3. Движение
    Время, скорость, дистанция, направление, переход.

Расположение

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

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

Понять как располагать элементы на слайде поможет модульная сетка:

Примеры модульных сеток в презентации

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

Примечание: модульные сетки могут быть на 3, 4, 5 и 12 колонок. Самая удобная — это 12 колоночная сетка. Она делится на 2, 3, 4 и 6 модулей, используя которые можно добиться удобного расположения элементов при любых обстоятельствах.

Где её взять? Модульная сетка состоит из направляющих. Из них можно самостоятельно собрать 12 колоночную сетку в PowerPoint или Keynote. Я один раз сделал себе такую, сохранил как шаблон и каждую новую презентацию создаю используя заготовку. Вот как она выглядит:

Шаблон 12 колоночной модульной сетки: powerpoint-grid-12.potx.

Визуальные элементы

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

1. Фон

Главное правило при выборе фона слайда: фон никогда не должен соперничать с содержанием. Его предназначение — быть основой на которой можно размещать элементы.

Фон можно чередовать. Представим ситуацию: дизайн особо не менялся на протяжении 10 слайдов подряд. Возможно кто-то уже заскучал от однотонности происходящего, пока слушал вас. На 11 слайде, вместо белого фона вставьте синий или любой другой. И продолжайте всю презентацию с использованием именно этого фона. Такой переход обязательно обратит на себя внимание, зрители взбодрятся. Но не используйте этот приём часто, иначе эффект сойдёт на нет.

2. Цвет

PowerPoint и Keynote берут за основу цветовое колесо, открытое Исааком Ньютоном. Колесо состоит из трёх первичных цветов: красного, синего и жёлтого, которые расположены на одинаковом расстоянии друг от друга:

Цветовое колесо Исаака Ньютона

Главное, что необходимо помнить при выборе цвета — если собираетесь показывать презентацию через проектор, убедитесь, что элементы с этим цветом будут заметны на полотне. Например, не стоит выбирать светло-серый цвет для примечаний, его не будет видно на экране проектора.

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

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

3. Текст

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

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

Какой размер шрифта использовать для текста? Для основных тезисов не используйте шрифт меньше 28 пт. Если вам всё время приходится уменьшать шрифт до 24 пт и при этом у вас много подпунктов, тогда вы заняты созданием документа, а не слайда — это плохо для презентации под выступление, но приемлемо для презентации под отправку по почте.

Посмотрите свою презентацию в режиме Slider Sorter или «Сортировщик слайдов». Если вы сможете разобрать изображение в масштабе 66%, значит ваша аудитория тоже сможет.

Режим Сортировщий слайдов в PowerPoint

4. Изображения

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

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

Если у вас нет своих фотографий, которые хотите показать на слайдах — лучше вообще не показывать их. На стоках сложно найти такие, которые были бы без явно выраженной «клипартовости», да ещё и нужной стилистики, тематики.

Поэтому я почти не использую фотографии в презентациях, а когда всё таки приходится — это занимает чертовски много времени. 

Движение

Ситуации в которых можно использовать анимацию в презентации:

  1. Изменение отношений
    Изменить близость, показать поток, сравнить, выделить или объединить, оказать влияние или произвести впечатление.
  2. Указать направление
    Выход или вход, приближение или удаление, новая точка зрения, раскрытие или закрытие.
  3. Смена объекта
    Превращение, модифицирование, вариация, изменение размеров, упрощение или усложнение.
  4. Последовательность
    Смена сцен, ход времени, рост или упадок, процесс или идея, появление изображения.
  5. Акцентирование
    Контролировать направление взгляда, создавать контраст, двигаться вперед или назад, выделять цветом.

Движение объекта на слайде должно быть разумным. Текст, который сначала падает, а потом возвращается на место — не имеет смысла и утомляет. Лучше не использовать такую анимацию на слайдах.

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

Слайды — это лишь декорация в спектакле, они не являются главным действующим лицом сами по себе. Они формируют контекст и атмосферу, чтобы ваше выступление лучше запомнили.

И напоследок…

Следующий шаг в совершенствовании презентации — признание того, что вы абсолютно беспомощны без PowerPoint.

Представьте, что бы произошло с вашей презентацией, если бы вдруг отключили электричество? Например, можно взять флипчарт и продолжить на нём рассказ презентации попутно иллюстрируя свои слайды. Но если вы не помните какие у вас слайды и о чём вы хотели рассказать, а надеялись читать с проектора — у вас ничего не получится.

На этом всё, надеюсь что-то из выше описанного оказалось для вас полезным.

Slide:ology, часть 1

Так уж вышло, что до того как начал заниматься презентациями я прочитал книгу Slide:ology и в процессе делал конспект, который в итоге никуда не опубликовал.

Автор Slide:ology Нэнси Дуарте — основательница Duarte Design, одной из крупнейших студий, занимающихся дизайном презентаций. Нэнси написала несколько книг о презентациях. Среди них и Slide:ology, но её уже нет в продаже и более того, нельзя найти на торрентах на русском языке. Поэтому решил всё таки опубликовать конспект, это первая его часть

Конспект

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

Зачастую презентации выглядят как сухой отчёт и не помогают контакту между выступающим и аудиторией.

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

Презентации должны быть простыми и поддерживать связь с аудиторией, а не выступать в самостоятельной роли

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

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

Сколько времени потратить
на подготовку презентации

Основываясь на собственном опыте, Нэнси определила следующие временные рамки и шаги по созданию часовой презентации состоящей из 30 слайдов:

  1. От 6 до 20 часов
    Сбор и изучение информации.
  2. 1 час
    Составление конспекта того, что нужно аудитории.
  3. 2 часа
    Создание идей, мозговой штурм.
  4. 1 час
    Организация идей и отсеивание лишних.
  5. 1 час
    Получение обратной связи от коллег и обсуждение эффекта, который могут произвести ваши идеи на аудиторию.
  6. 2 часа
    Создание наброска структуры и раскадровка презентации.
  7. От 20 до 60 часов
    Вёрстка презентации в приложении для презентаций.
  8. 3 часа
    Репетиция: в ванной, на беговой дорожке, в дороге. Проговаривайте её про себя, читайте вслух и ещё лучше — выступите перед своими домашними.

Итого: от 36 до 90 часов потребуется на подготовку часового выступления.

Три основных составляющих презентации

  1. Послание, ваш месседж
    На первом этапе следует понять кто ваша аудитория и на какую тему собираетесь выступать. Составьте приблизительную структуру выступления, которая выглядит как последовательность тезисов. На основе тезисов соберите сценарий выступления. Покажите приблизительный черновик коллегам, получите обратную связь и скорректируйте черновик.
  2. Визуальная история, ваша презентация
    На втором этапе следует визуализировать ваши идеи: схематически набросайте своё повествование и раскадровку будущей презентации. Заранее подумайте, о чём вы хотите рассказать на каждом из слайдов. После того, как начала вырисовываться структура слайдов — выберите шрифт, основные цвета, т.е. определитесь со стилем. После этого открывайте PowerPoint и верстайте презентацию. Результат снова покажите коллегам, получите обратную связь и скорректируйте презентацию.
  3. Подача, ваше выступление
    Репетируйте, проговаривайте своё выступление про себя. Отрепетируйте выступление перед коллегами или домашними, запишите выступление на видео и посмотрите на себя со стороны. Если необходимо, подготовьте распечатанные экземпляры презентации, чтобы раздать её на встрече.

 

Вопросы, которые стоит задать себе перед началом подготовки презентации:

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

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

 

Как подойти к придумыванию идей?

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

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

В процессе придумывания идей, хорошо бы придерживаться следующих правил:

Примечание: последние два правила относятся к ситуации, когда подготовка презентации происходит в команде.

Я думаю, что процесс рисования — это наша связь с детством. Рисовать на публике — значит открывать себя людям доверчиво и с надеждой. Создание набросков и схем повышает интерес к презентации, и если у вас не очень удачно получается, люди простят вам ваши каракули, потому что это проявление человеческой природыБилл Макдонах

Конец первой части. В следующей поговорим о дизайне слайдов.

Лайфлист дизайнера презентаций

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

Карта навыков дизайнера презентаций

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

Сценирование

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

Книги

  1. Мастер историй, Пол Смит
  2. История на миллион долларов, Роберт Макки
  3. «Путешествие писателя», Кристофер Воглер
  4. «Тысячеликий герой», Джозефф Кэмпбелл
  5. «С первой фразы», Лиза Крон
  6. «Resonate», Нэнси Дуарте Нет в продаже

Курсы

Креативное мышление

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

Книги

  1. Рисовый штурм и взлом креатива, Майкл Микалко
  2. CRAFT Теоретический и практический, Василий Лебедев

Курсы

Копирайтинг

Умение работать с текстом — это критически важный для дизайнера презентаций навык. Какие бы красивые иллюстрации, фотографии или иконки ты бы не вставил в слайды, то плохо проработанный и непонятный текст всё испортит.

А ещё, когда понимаешь как работать с текстом, то понимаешь когда можно отойти от общепринятых правил, чтобы добиться нужного эффекта.

Книги

  1. «Пиши, сокращай», Максим Ильяхов и Людмила Сарычева
  2. Слово живое и мертвое, Нора Галь
  3. «Автор, ножницы, бумага», Николай Кононов

Курсы

Типографика и вёрстка

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

Книги

  1. Slide:ology, Нэнси Дуарте Нет в продаже
  2. Типографика и вёрстка, Артём Горбунов
  3. О шрифте, Эрик Шпикерман
  4. Редактируем дизайном, Ян Уайт
  5. Облик книги и Новая типографика, Ян Чихольд

Курсы

Графический дизайн

Параллельно с типографикой и вёрсткой можно начинать подбирать фотографии, иллюстрации и иконки для слайдов.

Онлайн курсов по Adobe Photoshop и Illustrator так много, что даже нечего посоветовать. Зато есть полезные курсы по графическому дизайну. На них не только научат как пользоваться этими инструментами, но и другим полезным навыкам, которые пригодятся в работе над презентациями. 

Курсы

  1. Графический дизайн, базовый двухгодичный курс от БВШД рассчитанный на новичков в профессии. Обучение начинается в октябре 345 000 ₽ в год
  2. «Коммуникационный дизайн, базовый курс», годичный курс от ВШЭ. Рассчитан тоже на новичков. Занятия начинаются 16 сентября 220 000 ₽
  3. Типомания, курс рассчитан на 8 месяцев для опытный графических дизайнеров 165 000₽

Следующие два навыка не связаны с процессом оформления презентации, но важны для процесса в целом.

Визуализация данных

В презентациях часто мелькают таблицы с цифрами, какие-то показатели. Было бы классно уметь представлять их в понятном виде.

Курсы

  1. Визуализация данных, трёхдневный курс по визуализации данных от Тани Бибиковой. Следующий курс пройдёт весной 2020 года в Москве 40 000 ₽

Книги

Инструменты

Стандартными приложениями для работы над презентациями являются PowerPoint и Keynote. Ещё их можно делать в InDesign и Readymag, но это уже профессиональный уровень.

Illustator для работы с вектором, Sketch для отрисовки концепта интерфейсов, а Photoshop для обработки фотографий.

В работе над презентациями я использую PowerPoint

Следующий уровень — это освоить Cinema 4D, чтобы делать генератив и трёхмерные образы для презентации. Должно получится круто.

Курсы

Публичные выступления

Дизайнер презентаций оформляет много презентаций, но самостоятельно не выступает.

При этом делать презентации и не знать как выступать с ними, это всё равно что чинить автомобиль, но не иметь водительских прав. То есть теоретически можно, но лучше конечно же и самому уметь выступать. Не обязательно сразу идти выступать с докладом на большую конференцию. Для начала можно рассказать близкую для себя тему на 5 человек, а потом выступить на митапе с аудиторией в 15 человек.

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

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

Книги

  1. Риторика, Аристотель
  2. «Как выработать уверенность в себе и влиять на людей, выступая публично», Дейл Карнеги

Σ

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

°°°

Если знаете где достать книги Slide:Ology и Resonate, напишите мне.