Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Школа интернет-технологий в Санкт-Петербурге
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
36
Эбиа

Эбиа

www.ebia.ru

23
Enlite

Enlite

enlited.ru

22
YAGLA

YAGLA

yagla.ru

17
Venyoo

Venyoo

venyoo.ru

15
2.0

2.0

twozero.ru

14
SE Ranking

SE Ranking

seranking.ru

14
likearea

likearea

smm.li

12
Perezvoni.com

Perezvoni.com

perezvoni.com

11
Relap

Relap

relap.io

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк во ВКонтакте

День 6: Руководство по стилю или как перестать делать жуткие презентации

6 610 5 В избранное Сохранено
Авторизуйтесь
Вход с паролем
Сегодня мы поговорим о едином стиле для всех презентаций в компании, покажем зачем нужны гайдлайны и как решена проблема у нас. Для практики возьмем 6 типичных жутких слайдов, руководство по стилю и попросим нашего разработчика, который никак не связан с дизайном, круто переоформить их. Поехали!

Что не так с презентациями?

Все делают презентации. Единицы людей умеют делать их милыми. Иногда спикеру хочется сделать "ярко, нестандартно и красиво", а в результате просто невзрачная презентация превращается в сущий кошмар. Так благие намерения превращают слайды в визуальный ад. Мы собрали для вас десяток *ужасных* слайдов, которые были сделаны без злого умысла:

0. Типичный заголовочный слайд

b_54aeba347df13.jpg

1. Оригинальное и свежее решение с цветом текста

b_54aea88ed2ea7.jpg

2. Романтическая подложка и эффектные эффекты у изображений

b_54aea82c57a1a.jpg

3. Невероятно креативное шрифтовое решение

b_54aea8edda5b6.jpg

4. Концептуальный заголовок и идеальная высота строки

b_54aea9109c70f.jpg5. Здесь у меня просто нет слов

b_54aea94671aff.jpg

6. Игривое наложение слоев и свежее решение с выравниванием по центру

b_54aea9727902d.jpgЧто делать, чтобы так не было?

Вариант 1: платить дизайнеру за каждую презентацию.

Этот путь плох по 2 причинам: это плохо для компании (толковый дизайнер обходится вам минимум в 1500 за рабочий день, а оформление презентации может занять до трех дней) и это плохо для дизайнера, который вместо того, чтобы спасать мир, ровняет параграфы в keynote.

Вариант 2: разработать универсальный дизайн один раз и делать все презентации в едином стиле.

Что такое гайдлайны?

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

Что мы прописываем в гайдлайнах?

1. Как делать обложку презентации. Она важна, поскольку висит на проекторе, пока собирается аудитория. b_54aeab283b2e7.jpg

2. Как оформлять промежуточные и специальные слайды

b_54aeac6a96099.jpg

3. Как компоновать изображения и текст

b_54aeb8c143e84.jpg

4. Как презентовать числовые данные

b_54aeb8e476710.jpg

5. Как оформлять листинги кода

b_54aeb927ab013.jpg

6. Как демонстировать работу функций и свойств

b_54aeb946cce23.jpg

7. И как оформлять резюме в конце презентации

b_54aeb97b61359.jpg

Полный редактируемый файл с гайдлайнами можно скачать здесь.

Давайте проверим руководство по стилю на прочность?

Я попросил Алексея, фронтендера по специальности и биофизика по образованию, переоформить 6 слайдов по нашим гайдлайнам.

Посмотрим, что получилось:

b_54aeda8138e13.jpg

b_54aeda93a2d17.jpg

b_54aedaabecf44.jpg

b_54aedabd4c4dd.jpg

b_54aedad85b574.jpg

b_54aedae8836b3.jpg

b_54aeda7150f95.jpg

Резюме:

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

Над чем работать?

Оформление таблиц требует дополнительной детализации, отступы нужно упомянуть в руководстве, правила расстановки визуальных акцентов также следует добавить. Также следует развести оформление для печати, для экрана и для демонстрации на проекторе. Этим и займемся в ближайшее время. Завтра новый день и мы будем решать новую проблему. Не переключайтесь!

+17
Добавить в избранное Сохранено
Авторизуйтесь
Вход с паролем
Первые Новые Популярные
Petr Uspehov
Презентация должна быть как фильм. Я предпочитаю использовать темный фон и белый шрифт
Ответить
Глеб Кушедов
Если презентация подразумевает шоу — да.
Ответить
Denny Smirnov
Неплохо.
Ответить
Okkama
Блог о быстром старте проектов
Евгений Болтян
Вы указали в некоторых местах цвета (темно-сиреневый) Это касаемо вашего гайдлайна или имелось ввиду - для всех?
Ответить
Глеб Кушедов
Евгений, боюсь, я не понял вопрос
Ответить
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать