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

Битрикс24

www.bitrix24.ru

16
Отследить-посылку

Отследить-посылку

B2B-сервис трекинга посылок

14
myPreza

myPreza

mypreza.ru

13
WebResidentTeam

WebResidentTeam

webresident.agency

12
Perezvoni.com

Perezvoni.com

perezvoni.com

11
Expresso

Expresso

www.expresso.today

10
YAGLA

YAGLA

yagla.ru

10
Reader

Reader

Интернет-журнал о современных технологиях.

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

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

6 587 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
Блог о быстром старте проектов
Евгений Болтян
Вы указали в некоторых местах цвета (темно-сиреневый) Это касаемо вашего гайдлайна или имелось ввиду - для всех?
Ответить
Глеб Кушедов
Евгений, боюсь, я не понял вопрос
Ответить
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать