@vd_advice

Три способа вырезать фотографию

2020-07-23T13:31:37.479Z

Объединить фигуры

Обрезать по фигуре

Копировать стиль

Что не так со слайдом?

2020-06-22T17:02:33.554Z

Здеь отмечены недочеты, которые вы наверняка заметили:)

Заголовок. Всегда выравнивайте текст по левому краю, исключения возможны, но редко. Привыкайте писать в заголовках главное сообщение слайда, так вы помогаете аудитории понять, для чего все буквы внизу.
Границы слайда. Пост на эту тему здесь: https://teletype.in/@vd_advice/VDAdvice_1. Главная мысль — если сомневаетесь в том, что контент ровно расположен на слайде, включите направляющие.
Буллеты. Строки должны идти чётко друг под другом, будьте осторожны с жёлтой линией и помните, что это тоже буллет - для корректного отображения двух строк нужно ставить между ними Enter и нулевой межстрочный интервал.
Висячие предлоги. Старайтесь не оставлять предлоги в конце предложения, они обрывают мысль при чтении, сами попробуйте читать вслух такие предложения, на предлогах возникает пауза из-за перехода на новую строку. Ну еще это не очень эстетично, когда строка обрывается коротким словом из двух-трех букв.
Списки. В презентациях приветствуется открытая пунктуация, двоеточие перед буллетами не ставится. Но если вы всё-же приняли решение поставить, то проставьте во всех подобных списках документа.
Жёлтые линии. Наличие горизонтальных и вертикальных линий рядом на слайде создает много шума и суеты, особенно когда у этих линий разная толщина. Давайте попробуем убрать линии и посмотрим, как спокойнее стало читать:)

Самый простой вариант преобразования слайда — убрать вертикальные жёлтые линии и поправить ошибки, описанные выше.

Или можем убрать линию, которая подчеркивает подзаголовок.

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

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

Применяйте дефисы (-), чтобы соединять части сложных слов, например "сине-зеленые водоросли"

Выбирайте короткое тире (–), чтобы показать числовой интервал, например "1870–1924"

Используйте длинное тире (—) для передачи паузы или изменения мысли внутри одного предложения

Улучшаем слайд за 10 минут

2020-06-15T14:59:00.169Z

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

Что глобально не нравится:

Выравнивание элементов по центру
Основной текст больше подзаголовков
Основной текст выделен цветом и болдом

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

Текст выровнен по левому краю, подзаголовкам возвращен их размер и важность:)

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

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

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

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

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

Добавили чёрный фон и покрасили в красных платформы иконок:)

Чёрный цвет всё делает более стильным. Можете взять на заметку, если ещё не:) Главное не переусердствовать.

В итоге мы за 10 минут сделали слайд понятным и привлекательным, сбалансировав размер шрифта, добавив визуальные образы и выравнивание по левому краю.

Соблюдаем поля на слайдах

2020-05-19T13:44:11.607Z

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

В нашем шаблоне границы заголовка и есть вертикальные поля (можно выравнивать объекты по левому/правому краю заголовка), но также вы можете проверить себя нажав "Вид/View"-> "Направляющие/Guides".

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

На слайде немного элементов, а значит он должен считываться за 10 секунд, но в поле зрения только результаты за май и логотип "Вера", который повис в воздухе — неочевидно, куда его отнести. Заголовок теряется, когда мы игнорируем его границы. Логотип "Помощь рядом" лучше поставить по правой границе заголовка, так он сразу станет якорем и визуально задаст границу слайда справа.

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

Что ещё изменилось?

Логотип "Вера" взят в рамку и выровнен по правому краю вместе с заголовком. Если в документе несколько логотипов партнеров, то лучше их выполнять в одинаковом стиле, чтобы читателю было проще ориентироваться.
Подобран более подходящий для белого фона логотип "Помощь рядом". Это просто выглядит аккуратнее.
Линия, подчеркивающая подзаголовки, разбита на две. Под одной информация сливалась и не было так очевидно деление контента на два столбика. Бывают случаи, когда одна линия хорошо подходит для оформления, но о них расскажу в другой раз:)
По мелочам. Заголовок растянут на одну строчку, ушёл висячий предлог "to". Цифры выровнены по правому краю, чаще всего это лучшее решение для оформления цифр. Закруглены уголки фотографий, потому что это повторяет идею обтекаемых краев логотипа проекта.

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

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

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

Другие важные изменения

Заголовок написан одним кеглем. Это правило точно стоит запомнить. Если не вмещается — разбейте на две строки, если очень нужно что-то выделить — используйте цвет.
Весь текст на слайде написан одним кеглем. По правилам на слайде не должно быть больше трех вариантов написания текста, а здесь и вовсе одного достаточно, и уж точно легенда никогда не должна быть больше основного текста.
Подписи месяцев перестали висеть в воздухе и обрели форму благодаря простой линии снизу. Здесь, кстати, одна линия отлично подходит:)