Шрифт-код: во что нарядить текст на слайде?

Шрифт-код: во что нарядить текст на слайде?

F*ck My Presentation!

Приветствую!

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

Скажи, как у тебя со зрением?

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

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

  • Убедительность текста зависит от шрифта;
  • Влиянием типографики на людей можно управлять;
  • Arial – плохо, Helvetica – ...ну уж точно лучше;
  • Шрифты делятся на печатные и имитацию почерка. Печатные делятся на шрифты с засечками и без. Первые, в свою очередь, включают в себя антиквы и брусковые. А в антиквы входят старые, переходные и новые шрифты. Старые ещё делятся на итало-французские и голландские (если это ни о чём не говорит, то настоятельно рекомендую ещё раз к прочтению);
  • Шрифты обладают определённым характером;
  • На бумаге лучше воспринимаются шрифты с засечками, на экране – без (речь, скорее, об объёме текста);
  • В комментариях всегда найдутся те, кто инициирует клавиатурные войны.

Шрифт для последнего ряда

Придётся сильно постараться, чтобы отвлечь их друг от друга

Итак, увеличивай!

Что бы ни говорили, SIZE DOES MATTER!
Слайды твоей презентации должны быть сродни рекламным баннерам (только без той юридической информации, набранной едва заметным шрифтом).

Прописные или строчные?

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

Снижай уровень информационного шума

Как понять, что слайд слишком «шумный»?

  • Посмотри на шрифт. Легко ли читается текст, набранный им?
  • Нет ли на слайде элементов, которые мешают считывать информацию?
  • Можешь ли ты удалить часть текста и при этом не повредить смыслу?
  • Не переусердствовал(-а) ли ты с количеством цветов? Запомни: 1-2 цвета в большинстве случаев более чем достаточно.

Текст, как и сам слайд, должен дышать!

Но иногда текст ведёт себя слишком развязно. И в таких случаях приходится прибегать к кернингу.

Кернинг – увеличение или уменьшение интервала между определёнными парами символов.

Приведу пример:

Буква «А» в слове «LIBERATION» отчётливо выделяется. Выдели её и либо через ПКМ -> пункт «Font...», либо через пиктограмму на панели перейди в меню «Font».

Открывай в новой вкладке, если плохо видно

Здесь нас будет интересовать вкладка «Character Spacing», а в частности, пункт «Spacing». Нужно будет установить параметр «Condensed». Десяточки будет достаточно:

Открывай в новой вкладке, если плохо видно

В итоге получится более гармоничный текст:

Не забывай и о междустрочном интервале

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

Отрегулировать междустрочный интервал можно с помощью кнопки «Line Spacing»:

Открывай в новой вкладке, если плохо видно

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

Выбираем шрифт

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

Как уже говорилось, шрифт имеет не только эстетическое, но и функциональное значение, поэтому выбирай с умом. Это, конечно, не относится к тем случаям, когда ты обязан(-а) использовать корпоративный шрифт. Тут уж прости v_v

Так какие шрифты стоит попробовать?

Попробуй следующие:

  • Helvetica (куда ж без неё);
  • Futura;
  • Gill Sans;
  • Gilroy (мой фаворит на сегодняшний день);
  • Gotham Pro (этому шрифту нужен герой);
  • Bodoni;
  • Rockwell;
  • Bebas (неоднозначный выбор, но попробовать стоит);

Bodoni и Rockwell – шрифты с засечками. С ними нужно быть аккуратным(-ой).
Пожалуй, для начала хватит.

Достижение гармонии

Гармонии при использовании шрифтов можно достигнуть несколькими способами. Наиболее банальным является использование начертаний из одной шрифтовой группы (например, Gilroy ExtraBold и Gilroy Light). И хотя подобное решение часто довольно элегантно, многим оно кажется скучным. Не стоит также использовать два и более похожих, но всё-таки разных шрифта:

Верхняя строчка набрана с помощью Gotham Pro, нижняя – с помощью Gilroy. Смотрится так, как если бы ты нарядился в бордовый пиджак и брюки на полтона светлее. Кажется, что норм, но на самом деле отвратно. А ещё кажется, что я выделываюсь, и слайд неплох (но это неточно).

Другой путь – это использование гармонирующих между собой шрифтов из разных шрифтовых семейств. Для вдохновения можешь заглянуть сюда.

Размещение текста на слайдах

Готов поспорить, ты практически никогда не размещаешь текст под углом или в каком-то неожиданном месте. А зря – таким образом можно добавить динамики тексту и сделать слайд более интересным. Например, как здесь:

Титульный слайд из промо-презентации, которую я делал для своего факультета, будучи студентом бакалавриата. Кстати, это Bebas, который тогда казался мне довольно удачным решением :/

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

Мелочи, имеющие значение

  1. Знаки препинания. Например, дефис (-) нужен для соединения частей сложных слов (например, иссиня-чёрный пиджак). А тире – для передачи паузы или соединения элементов сложноподчинённой конструкции;
  2. Акценты. Расставлять акценты в тексте можно с помощью курсива, полужирного начертания, цвета, размера и ещё кучи других вещей, о которых мы уже говорили. Просто не переусердствуй.

Заключение

  • Создавай дизайн для последнего ряда. Если ты легко считываешь текст со своего слайда в режиме сортировщика, то ты молодец;
  • Шрифт имеет не только эстетическое, но и функциональное значение. Отчасти, поэтому многие не любят Comic Sans, который я здесь не отметил.
Вообще, Comic Sans – отличный парень. Всё портят те, кто использует его не к месту. В комиксах он замечателен, но как только им набирают текст в брошюрке о лечении рака, всё переворачивается с ног на голову.
  • Экспериментируй – совмещай шрифты из разных шрифтовых семейств для достижения более выразительного эффекта. Помещай текст в неожиданных местах.
А ещё ешь, воруй, *би гусей.
  • Помни о простоте;
  • Помни о пунктуации и орфографии. Ошибки делают людям больно.


Еее, бой, это было феерично!
Если согласен(-на), ставь огонёк в чате, пиши мне и расскажи о канале друзьям/знакомым – я буду безмерно благодарен тебе :>


Пока! И не скучай!
Обнял.


Report Page