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

1.

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

2.

Слайд про технические аспекты
Шрифт для заголовков и акцентов —
VK Sans Display Medium.
В заголовках уже задан нужный размер
шрифта — не стоит менять его.
Основной шрифт — SF Pro Text Light,
ориентир 16 pt. Межстрочный интервал — 1,1.
Зону сверху можно использовать для названия
презентации. Оно появится сразу на всех слайдах,
если вставить его через команду «Нижний
колонтитул».
Текст лучше располагать в колонках,
не растягивая на всю длину слайда.
Базовые цвета есть в палитре.
Выравниваем текст по левому краю (исключения —
схемы и таблицы, в них смотрим по факту)
Основной цвет — синий, но можно
свободно использовать дополнительные.

3.

Содержание
без фото
Слайды-разделители
4
Работа с шаблоном
16
Примеры текстовых слайдов
29
Примеры оформления изображений
45
Примеры таймлайнов, схем и диаграмм
56
Финальные слайды
72

4.

Содержание с фото
Слайды-разделители
4
Работа с шаблоном
16
Примеры текстовых слайдов
29
Примеры оформления изображений
45
Примеры таймлайнов, схем и диаграмм
56
Финальные слайды
72

5.

Пример
слайдаразделителя
Точки используются для навигации.
Число разделов = число точек.

6.

Пример
слайдаразделителя
Точки используются для навигации.
Число разделов = число точек.

7.

Редактируемый
слайдразделитель
Точки используются для навигации.
Число разделов = число точек.

8.

Редактируемый
слайдразделитель
Точки используются для навигации.
Число разделов = число точек.

9.

Редактируемый
слайдразделитель
Точки используются для навигации.
Число разделов = число точек.

10.

Редактируемый
глиф
Можно менять цвета глифа и фона

11.

12.

Примеры цветовых сочетаний

13.

Коротко о верстке
Слайд визуально делится на 18 частей
Ориентироваться помогут направляющие (включаем их) и линейки наверху и внизу слайда

14.

Пример
вёрстки по
сетке
Справа — зона
для картинок,
скриншотов и
других материалов

15.

Можно
разместить
фотографию
на весь слайд

16.

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

17.

Оформление диаграмм
Перекрытие рядов = ±50%.
Боковой зазор = 0%.
Избавляемся от линий сетки,
засечек.
В примере — метки данных
вместо вертикальной оси. Оси
можно использовать, если
данных много (например,
показываем динамику за год).
43%
Выделяем цветом то, на что
хотим обратить внимание.
23%
Гистограммы нагляднее
круговых диаграмм — если
возможно, делайте столбики.
18%
8%
Ниже — пример легенды.
2%
VK
Конкурент 1
Конкурент 2
Конкурент 3
Конкурент 4
DAU
MAU

18.

Оформление таблиц
• Удаляем все лишние заливки, границы
ячеек и выделения в тексте. Границы
уместны, когда хотим обозначить легенду
или размещаем на слайде большую
таблицу.
• Выравниваем содержимое текстовых ячеек
по левому краю, а ячеек с числами — по
правому. Легенду форматируем вместе с
контентом.
• Задаём единый формат округления
данных, а единицы измерения переносим в
легенду.
• Если нужны акценты — добавляем их,
выделяя текст или заливая
строки/столбцы.
Заголовок
столбца, млн
Заголовок
столбца, млн
Акцент
15
10
Строка
14
4
Строка
11
9
Строка
8
5
Строка
5
3

19.

Оформление схем
Текст выравниваем по центру и по середине фигуры.
Можно использовать акцентные символы и числа
Текстовый
блок
Текстовый
блок
Текстовый
блок
Текстовый
блок
Текстовый
блок
Текстовый
блок
Подпись
10
млн

20.

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

21.

Оформление
кода
body {
padding: 0;
margin: 0;
height: 100vh;
overflow: hidden;
font-family: ‘MailSans Roman’,
sans-serif;
background:
url(https://github.com/supahfunk/
gradientwavessvg/blob/master/dist/img/bg-gradientwave.png?raw=true) repeat center / cover;
}

22.

Интерфейсные иконки
Перекрашиваются в некоторых версиях PowerPoint (например, на Mac)

23.

Примеры
текстовых
слайдов

24.

Новое место
встречи:
в Петербурге
открылся
первый VK Store
• Концептуальный VK Store открылся
в самом сердце Северной столицы —
на первом этаже здания Дома Зингера,
где расположена штаб-квартира
ВКонтакте.
• Стильный дизайн и AR-технологии
взаимодействия с коллекциями
одежды наполнили внутреннее
пространство магазина.

25.

Новое место встречи:
в Петербурге открылся
первый VK Store

26.

Описание под
буллитом (в три
строки и больше)
Описание под
буллитом (в три
строки и больше)
Заголовок
+ четыре
преимущества
Описание под
буллитом (в три
строки и больше)
Описание под
буллитом (в три
строки и больше)

27.

Заголовок
и несколько
важных тезисов
1
Описание первого
аспекта темы (в три
строки и больше)
3
Описание третьего
аспекта темы (в три
строки и больше)
2
Описание второго
аспекта темы (в три
строки и больше)
4
Описание четвертого
аспекта темы (в три
строки и больше)

28.

Заголовок — ключевая мысль слайда
1
Описание первого
преимущества или шага
(в три строки
и больше)
2
Описание второго
преимущества или шага
(в три строки
и больше)
3
Описание третьего
преимущества или шага
(в три строки
и больше)
4
Описание четвертого
преимущества или шага
(в три строки
и больше)

29.

Заголовок — ключевая мысль слайда
1
Описание
первого
преимущества или
шага (в три строки
и больше)
2
Описание
второго
преимущества или
шага (в три строки
и больше)
3
Описание третьего
преимущества или
шага (в три строки
и больше)
4
Описание
четвертого
преимущества или
шага (в три строки
и больше)
5
Описание
пятого
преимущества или
шага (в три строки
и больше)

30.

1
Описание первого
преимущества или
шага (в три строки
и больше)
5
Описание пятого
преимущества или
шага (в три строки
и больше)
2
Описание второго
преимущества или
шага (в три строки
и больше)
6
Описание шестого
преимущества или
шага (в три строки
и больше)
3
Описание третьего
преимущества или
шага (в три строки
и больше)
7
Описание седьмого
преимущества или
шага (в три строки
и больше)
4
Описание четвертого
преимущества или шага
(в три строки
и больше)
8
Описание восьмого
преимущества или
шага (в три строки
и больше)

31.

Заголовок
и несколько
важных тезисов
1
Описание первого
преимущества или шага
(в три строки
и больше)
2
Описание второго
преимущества или шага
(в три строки
и больше)
3
Описание третьего
преимущества или шага
(в три строки
и больше)
4
Описание четвертого
преимущества или шага
(в три строки
и больше)
5
Описание пятого
преимущества или шага
(в три строки
и больше)
6
Описание шестого
преимущества или шага
(в три строки
и больше)

32.

Заголовок слайда
и несколько тезисов под буллитами
• здесь текст в две строки или более
(любые детали проекта)
• здесь текст в две строки или более
(любые детали проекта)
• здесь текст в две строки или более
(любые детали проекта)
• здесь текст в две строки или более
(любые детали проекта)
• здесь текст в две строки или более
(любые детали проекта)
• здесь текст в две строки или более
(любые детали проекта)
• здесь текст в две строки или более
(любые детали проекта)
• здесь текст в две строки или более
(любые детали проекта)
• здесь текст в две строки или более
(любые детали проекта)
• здесь текст в две строки или более
(любые детали проекта)

33.

Заголовок — ключевая мысль слайда
%
Описание — что это за показатель?
33%
Объяснение этого показателя
23%
Объяснение этого показателя

34.

Заголовок — ключевая мысль слайда
%
Описание — что это за показатель?
Здесь можно дать детальный
комментарий по цифрам. Наберите
его вместо этого текста.
Почта Mail.ru обновила специальную
кнопку для сохранения данных со
смартфонов, улучшив скорость
отправки файлов. С ее помощью в
почту можно мгновенно переносить
фотографии, заметки, ссылки и
другой контент со смартфонов на IOS
и Android.

35.

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

36.

VK активно развивается
и стремится стать центром
технологической
экспертизы в России.
Уверен, что опыт коллег поможет в достижении
этой амбициозной цели. Их практическая
экспертиза в разработке и внедрении передовых
технологий в продукты VK вносит значительный
вклад в развитие бизнеса и имеет большой
потенциал для масштабирования.
Владимир Кириенко
Генеральный директор VK

37.

Заголовок — ключевая мысль слайда
Тезис под тематической
иконкой (например, о
б идее проекта)
Ещё тезис под иконкой
(например, о месте
проекта в экосистеме)
Иконки можно скачать с Flaticon. Фирменный синий #0077FF
И третий тезис
(что-то о сроках
и расписании)

38.

Заголовок — ключевая мысль слайда
Тезис под тематической
иконкой (например, о
б идее проекта)
Ещё тезис под иконкой
(например, о месте
проекта в экосистеме)
Иконки можно скачать с Flaticon. Фирменный синий #0077FF
И третий тезис
(что-то о сроках
и расписании)

39.

Примеры
оформления
изображений

40.

Слайды со скриншотами
• Рамки адаптированы под безрамочный Android
и iPhone 12. Скачать другие
мокапы (iPad, iPhone 7, телефоны Samsung
и Xiaomi) можно на Facebook Devices.
• Можно скопировать скриншот и просто
вставить его на слайд — он автоматически
встанет на нужное место.

41.

Слайды со
скриншотами

42.

Слайды со
скриншотами

43.

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

44.

Новое место
встречи:
в Петербурге
открылся
первый VK Store
• Концептуальный VK Store открылся в
самом сердце Северной столицы — на
первом этаже здания Дома Зингера,
где расположена штаб-квартира
ВКонтакте.
• Cтильный дизайн и AR-технологии
взаимодействия с коллекциями
одежды наполнили внутреннее
пространство магазина.

45.

Новое место
встречи:
в Петербурге
открылся
первый VK Store
• Концептуальный VK Store открылся в
самом сердце Северной столицы — на
первом этаже здания Дома Зингера,
где расположена штаб-квартира
ВКонтакте.
• Cтильный дизайн и AR-технологии
взаимодействия с коллекциями
одежды наполнили внутреннее
пространство магазина.

46.

Примеры
таймлайнов,
схем и
диаграмм

47.

Таймлайн с ключевой датой
1998
Важное событие
в жизни компании
2000
Важное событие
в жизни компании
Важное событие
в жизни компании
2012
2004
2005
2001
Важное событие
в жизни компании
Важное событие
в жизни компании
Важное событие
в жизни компании
2018
Важное событие
в жизни компании

48.

Таймлайн без акцентов
Важное событие
в жизни компании
2000
Важное событие
в жизни компании
2000
2001
Важное событие
в жизни компании
Важное событие
в жизни компании
2000
2001
Важное событие
в жизни компании
Важное событие
в жизни компании
2000
2001
Важное событие
в жизни компании
2001
Важное событие
в жизни компании

49.

Таймлайн без акцентов
2010
2011
2012
2013
Важное событие
в жизни компании
Важное событие
в жизни компании
Важное событие
в жизни компании
Важное событие
в жизни компании
2014
2015
2016
Важное событие
в жизни компании
Важное событие
в жизни компании
Важное событие
в жизни компании

50.

Диаграмма Ганта
Задача №1
Задача №2
Задача №3
Задача №4
Задача №5
Апр
Май
Июнь
Июль
Авг
Сен
Окт
Ноя

51.

Нумерация
1
Здесь можно добавить
пояснение к этапу
2
Второй этап важный,
поэтому яркий
3
Здесь можно добавить
пояснение к этапу
4
Здесь можно добавить
пояснение к этапу

52.

Примеры диаграмм
7%
7%
7%
7%
14%
14%
Сравнение
всех городов
сразу
29%
Диаграмма про
Петербург
29%
22%
22%
21%
21%
Москва
Спб
Екб
Тула
Тверь
Новгород
Москва
Спб
Екб
Тула
Тверь
Новгород

53.

Примеры диаграмм
22%
пояснение
42%
32%
пояснение
пояснение
22%
12%
пояснение
пояснение

54.

Гистограмма и диаграмма с областями
125
125
100
100
75
75
50
50
25
25
0
Ряд 1
0
Ряд 2
Ряд 3
Ряд 1
Ряд 2
Ряд 3

55.

Пример оформления графика
DAU
MAU
30
25
20
15
10
5
0
янв
фев
мар
апр
май
июн
июл
авг
сен
окт
ноя
дек
янв
фев
мар

56.

Пример оформления графика
Wallets
Transactions
22 500 000
3 250 000
18 000 000
2 600 000
13 500 000
1 950 000
9 000 000
1 300 000
4 500 000
650 000
Jun-21
May-21
Apr-21
Mar-21
Feb-21
Jan-21
Dec-20
Nov-20
Oct-20
Sept-20
Aug-20
Jul-20
Jun-20
May-20
Apr-20
Mar-20
Feb-20
0
Jan-20
0

57.

Пример
оформления
графика
Авторизация через почту
79
Отзыв о Mail.ru группе
79
ЕГЭ
63
Слитые пароли
43
Взлом
38
Бонус
36
Необоснованная критика
36
Безопасность
29
Удаление почты
25
Ответы Mail.ru
24
Спам в почте
23
Интерфейс
16
Сравнение с конкурентами
11
Конфликт с Билайн
11
Опросник
11
Восстановление почты
10

58.

Заголовок — ключевая мысль слайда
Текст
Столбец 1
Столбец 2
Столбец 3
Текст 1
8 902
3 671
12 337
Текст 2
65
438
235
Текст 3
13 097
5 778
4 763
Итого
22 064
9 887
17 335
23%
Главный вывод по таблице

59.

Имя Фамилия
Имя Фамилия
Имя Фамилия
Имя Фамилия
Должность
Должность
Должность
Должность
Имя Фамилия
Имя Фамилия
Имя Фамилия
Имя Фамилия
Должность
Должность
Должность
Должность

60.

Оформление большой таблицы: пример
1 кв.
2018
2 кв.
2018
3 кв.
2018
4 кв.
2018
1 кв.
2019
2 кв.
2019
3 кв.
2019
4 кв.
2019
1 кв.
2020
2 кв.
2020
Итого
Платежные карты
32%
38%
39%
39%
37%
29%
40%
31%
37%
30%
35%
Потребительские
кредиты
33%
29%
26%
23%
27%
26%
23%
23%
28%
18%
25%
Услуги для бизнеса
12%
8%
8%
9%
9%
13%
13%
11%
10%
15%
11%
Вклады и депозиты
3%
4%
3%
12%
9%
5%
2%
5%
1%
3%
5%
Ипотека
2%
3%
1%
2%
4%
5%
3%
5%
6%
2%
4%
Другие банковские
продукты
18%
18%
23%
16%
14%
23%
19%
25%
18%
33%
21%

61.

Оформление большой таблицы: пример
Время
Тема
Владелец сессии
Ключевые вопросы
10:00 – 10:05
Вступительное слово
Любовь Пшеничникова
Директор по развитию
стратегических партнерств
• Цели проведения мероприятия;
• Ожидаемые результаты
10:05 – 10:25
Комплексные услуги –
подход и ожидания
Любовь Пшеничникова
Директор по развитию
стратегических партнерств
• Текущий процесс – первые результаты, оценка статуса
• Развитие общего позиционирования
• Взаимодействие продавцов – ожидания с каждой из сторон, создание ценности друг для друга
10:25 – 10:40
Обсуждение доклада
10:40 – 11:00
Коммуникационная
платформа
Анна Кашницкая
Директор по развитию бизнеса
11:00 – 11:15
Обсуждение доклада
11:15 – 11:35
HR-Tech
Алексей Дмитриев
Директор по развитию бизнеса
(HR Tech направление)
• Digital Insider – позиционирование, показатели бизнеса, клиентские проекты
• Функция подбора между ATC и Classified, потенциальная синергия между DI и Worki
• Функция обучения между LMS и content-провайдерами, синергия между DI и
Geekbrains/Skillbox/SkillFactory
• Использование машинного обучения в HR Tech
11:35 – 11:50
Обсуждение доклада
11:50 – 12:05
Кофе-брейк
12:05 – 12:25
Цифровой ассистент
для B2B
Светлана Архипкина
Директор по развитию бизнеса
12:25 – 12:40
Обсуждение доклада
12:40 – 13:30
Подведение итогов первого дня сессии
Mail.Ru для бизнеса – текущий статус, показатели бизнеса, планы развития
OnPremise – позиционирование, текущая и планируемая функциональность
ТАРМ как продуктовое направление и проект для гос. сектора – оценка перспективы
MyTeam – позиционирование, текущий статус, планы
Цифровой ассистент – текущий статус, показатели бизнеса, планы развития
Позиционирование совместно с MyTeam
Голос – возможности использования Маруси
Интеграция с VK

62.

Напишите
призыв
к действию

63.

Спасибо
за внимание!

64.

Спасибо
за внимание!
Василий Иванов

65.

Встречайте
ВКонтакте

66.

ВКонтакте —
крупнейшее суперприложение, социальная
сеть и контентная платформа в России, а
также один из самых высоконагруженных
проектов рунета
54%
85%
аудитории рунета
посещает ВКонтакте
ежедневно
достигает
месячный охват
Источник: Mediascope, третий квартал 2022 года, Россия 0+, возраст 12+, Desktop & Mobile

67.

Ключевые показатели
ВКонтакте
76,9 млн
15 млрд
месячная аудитория
в России
сообщений
в сутки
2,41 млрд 9 млрд
просмотров видео
за сутки
Источник: ВКонтакте, апрель 2022 г.
просмотров записей
в сутки

68.

49,4 млн
дневная аудитория ВКонтакте в России
Рост +7,1% YoY

69.

Бесплатные звонки без ограничений по времени
и количеству участников. Для любых устройств.
Для учёбы и работы
Демонстрация экрана в разрешении 4К,
трансляция, планирование и запись звонков.
Удобное управление звонками
Зал ожидания, управление микрофонами, функция
«Поднять руку» и другие возможности модерации.
Технологичность
Продвинутое интеллектуальное шумоподавление,
собственная AR-технология замены фона.
20 млн
пользователей общаются в VK Звонках ежемесячно
Источник: ВКонтакте, апрель 2022 г.

70.

Всё для общения с друзьями, коллегами, учениками,
покупателями и подписчиками.
Персонализация
Архивирование и закрепление чатов,
оформление бесед, изменение размера шрифта.
Для общения голосом
Аудио- и видеозвонки, а также голосовые сообщения,
которые можно не только слушать, но и читать.
Самые разные вложения
Музыка, стикеры и GIF, файлы до 2 Гбайт, исчезающие
и тихие сообщения, геолокация и денежные переводы.
15 млрд
сообщений в сутки
Источник: ВКонтакте, апрель 2022 г.

71.

Крупнейший видеосервис в России с продвинутыми
технологиями и широкой библиотекой контента.
Огромная библиотека
Больше 250 млн новых видео в год:
80% — UGC-контент, 20% — профессиональный.
На любых платформах
Видео можно смотреть на компьютерах, телефонах
и смарт-телевизорах — даже без регистрации.
А также скачивать ролики для офлайн-просмотра.
Интеллектуальные технологии
Качество Full HD и 4К, 60 FPS, повышение разрешения с
помощью NeuroHD, рекомендации.
55 млн
пользователей смотрят видео ВКонтакте ежемесячно
Источник: ВКонтакте, октябрь 2022 г.

72.

Бесконечная лента коротких вертикальных видео
на самые разные темы: от развлечений до образования.
Простое создание
Без специальных навыков и дорогой техники
можно создавать контент на уровне, близком
к профессиональному.
AR-эффекты
Интерактивные эффекты для нестандартных клипов.
Управление жестами
Начинать и останавливать съёмку, а также включать
эффекты можно специальными жестами.
717 млн
просмотров клипов в сутки
Источник: ВКонтакте, ноябрь 2022 г.

73.

Крупнейшая музыкальная платформа в России и СНГ.
Объединяет раздел ВКонтакте и приложение VK Музыка.
Гигантская коллекция
В библиотеке VK Музыки больше 70 млн треков, она
обновляется ежедневно.
Уникальная система рекомендаций
Плейлисты от людей с похожим вкусом, находки
от музыкальных сообществ и подборки треков
от алгоритмов.
Студия музыканта
Кабинет музыканта с подробной статистикой:
число прослушиваний, результаты рекламы, портрет
аудитории.
>100 млн
уникальных плейлистов
Источник: ВКонтакте, апрель 2022 г.

74.

Авторы ВКонтакте
ВКонтакте — крупнейшая платформа в России
для создания и продвижения разных форматов контента.
Разнообразный контент
Ежегодно авторы ВКонтакте публикуют свыше
5,6 млрд единиц контента: это записи, истории, клипы,
видео и другие.
Монетизация
Партнёрская программа, монетизация видео,
ежемесячная подписка VK Donut, VK Talents и другие.
Продвижение
Публикации попадают в ленту новостей
и в рекомендации, а для более активного продвижения
есть рекламные инструменты.
48 млн
активных авторов
Источник: ВКонтакте, апрель 2022 г.

75.

Сервисы
ВКонтакте

76.

Платформа кросс-платформенных игр и сервисов,
которые не нужно скачивать на телефон.
Мини-приложения почти для всего
Можно заказывать еду, играть в игры, тренироваться,
продавать и покупать товары, узнавать погоду
или расписание матчей и многое другое.
Открытая платформа
Создать свой сервис или игру могут компании
и независимые разработчики.
Востребованные сервисы
На платформе VK Mini Apps уже 63,8 тыс.
активных мини-приложений
38,4 млн
ежемесячная аудитория VK Mini Apps
Источник: ВКонтакте, ноябрь 2022 г.

77.

Все возможности для комфортного развития
и быстрого продвижения бизнеса ВКонтакте.
Общение с клиентами
Удобные инструменты для взаимодействиями
с клиентами и создания контента.
Продажа товаров и услуг
Возможность превратить бизнес-страницу в
полноценный магазин с оплатой и доставкой.
Инструменты для продвижения
Быстрое продвижение с автоматическим подбором
аудитории, гибкими рекламными инструментами и
результатом уже от 500₽.
2 млн
представителей малого и среднего бизнеса уже
развивают свой бизнес ВКонтакте
Источник: ВКонтакте, апрель 2022 г.

78.

Будем
ВКонтакте!