Блог СЛМ
Технологии e-learning

Использование шрифтов в педагогическом дизайне

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

Однако, в ситуациях, когда вы трудитесь над своим собственным обучающим курсом, либо, когда клиенту на шрифты “всё равно, лишь бы читалось”, неплохо запомнить несколько простых принципов типографики и уметь применять их на практике.

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

Итак, вот 5 простых советов по работе со шрифтами для педагогических дизайнеров:

1. Шрифт создаёт настроение

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

А некоторые шрифты лучше вообще отправить в “чулан” своего текстового редактора и совсем забыть про них, как, например, в шутку использованный на этом известном логотипе шрифт Jokerman:


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

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

2. С засечками или без?

Большинство шрифтов, которые встречаются нам в печати и диджитал-сфере, можно поделить на две большие категории: с засечками (serif) и без оных (san serif). Засечки - небольшие черточки на концах букв. Например, вот одна и та же буква “Ф”, напечатанная, пожалуй, самыми известными шрифтами-представителями этих двух “соперничающих” групп, Times New Roman (слева) и Arial (справа):


Люди не устают спорить, какой же из этих двух типов шрифтов использовать правильнее. Например, некоторые дизайнеры утверждают, что засечки помогают глазам “скользить" по тексту, ускоряя процесс чтения. Над решением этого “важного” вопроса успели потрудиться даже серьезные ученые. Однако, какой-либо статистически обоснованной закономерности не выявили (исследование на английском языке). То есть, засечки, по-видимому, никак не влияют на скорость чтения.

Зато, можно совершенно точно сказать, что шрифты без засечек (их еще называют “гротески”) воспринимаются более современно. Этот факт объясняется тем, что первый такой шрифт был создан “всего лишь” в начале 20 века, а еще той популярностью, которой гротески сейчас пользуются в дизайне сайтов, компьютерных программ и мобильных приложений.

А шрифты с засечками (эту группу нарекли “антиква”) могут помочь, если необходимо придать тексту более формальный тон - они появились еще в 15 веке и знакомы всем нам по печатной литературе и газетным колонкам.

3. Избегайте стандартных шрифтов

От банальных Arial, Calibri и Times New Roman становится плохо не только дизайнерам. То, насколько их затерли офисная переписка и скучные презентации, служит им довольно плохую службу в мире электронного обучения. Текст, выполненный в одном из этих шрифтов обречён читаться, как еще одно письмо от слишком словоохотливого коллеги, которое невозможно осилить до конца.

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

  • С засечками: Merriweather, Podkova, Roboto Slab, PT Serif, Wremena
  • Без засечек: Segoe UI, Roboto, Montserrat, Yanone Kaffeesatz
  • Рукописные: Veles, LJ-studios-mb

Некоторые из этих шрифтов можно скачать на Google Fonts. Другие - в свободном доступе на сайтах их разработчиков.

4. Сочетайте разные шрифты

Все тексты обучающего курса необязательно выполнять одним шрифтом. Наоборот, лучше комбинировать разные виды и даже категории. Например, заголовки ваших слайдов могут быть выполнены гротеском, скажем, Roboto, а основной текст - антиквой, например, Georgia.

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

Если хочется, чтобы идеальная комбинация родственников “тахомы и верданы” нашла вас сама, можете воспользоваться автоматическим генератором шрифтовых сочетаний (сайт простой, но на английском языке).

5. Нестандартные шрифты могут не отображаться в СДО

Данное правило применимо к любым шрифтам, которые не входят в стандартные наборы поставки от Apple и Microsoft. Если вы использовали в своём курсе шрифт, который не предустановлен на устройствах обучающихся, то весь текст, доверенный ему, либо будет отрисован с помощью обычного Arial, либо отобразится в виде непонятных символов.

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

Подведение итогов

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

Эти простые правила помогут вам не ошибиться в выборе шрифтов:
  1. Определяйте настроение учебного курса и выбирайте шрифт в соответствии с ним
  2. Используйте и антикву, и гротеск, но помните, что у антиквы (шрифт с засечками) более “официальный” настрой, а гротески (без засечек) хорошо подойдут для материалов, связанных с новыми технологиями.
  3. Старайтесь не использовать стандартные шрифты: Arial, Times New Roman, Calibri, Papyrus, Comic Sans.
  4. Умело сочетайте различные шрифты
  5. Не забывайте, что установленный на вашем компьютере нестандартный шрифт скорее всего не отобразится у обучающихся (если не добавить файл шрифта в курс)

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