Перед вами перевод электронной книги “Using Typography to Improve Your E-Learning”. Над переводом работали: Nancy Pong и Ринат Шайхутдинов. При поддержке iSpring.
Интересуетесь свежими статьями по E-Learning? Вступайте в группу Elearning Trend на Facebook
Процесс выбора подходящей гарнитуры может быть достаточно коварным. Если вся эта тема разных гарнитур и тонкостей отдельных шрифтов кажется вам очень сложной, не переживайте. Чтобы создавать визуально привлекательные курсы, не требуется знать все о гарнитурах и шрифтах. Поэтому мы пока не будем вникать в такие понятия, как “modern”, “transitional”, “old style” и т.п. Максимально все упростим и сосредоточимся на конечной цели — то есть на создании разборчивого текста.
Выбирайте то, что учащимся уже знакомо
Конечно, заманчиво создавать новые шрифты и обыгрывать тексты всеми этими классными декоративными гарнитурами! Однако, когда речь идет о шрифтах, эта новизна может привести к тому, что учащиеся ничего не поймут. Нет ничего страшного в том, чтобы быть предсказуемым и выбирать обычные гарнитуры — четкие, разборчивые и знакомые большинству людей.
Познакомьтесь со шрифтами с засечками и без засечек
Список шрифтов, доступных вам при создании курса, наверное достаточно большой. Но, присмотревшись, вы заметите, что все гарнитуры можно разделить на две категории: с засечками (serif) и без засечек (sans serif). Когда вы разберетесь в особенностях каждой категории, вы сразу начнете видеть их отличия — и поймете, почему это важно.
Посмотрите на заглавную T, написанную гарнитурами Times и Tahoma. Посмотрите, какие они разные:
Чтобы лучше понять разницу между ними, давайте представим, что засечки — это “кисти и стопы” букв. У шрифтов без засечек не будет ни “кистей”, ни “стоп”.
В рамках этих двух категорий, у гарнитур могуть быть и другие особенности: например, ширина закругленных частей (как в буквах d и p), разница в высоте строчных букв (c) и букв с выносными элементами (t), расстояние между буквами и тому подобное.
Разные гарнитуры могут занимать разное пространство на экране, даже если они одного размера. Поэтому они все по-разному влияют на скорость чтения и степень понимания материала.
Большинству людей знакомы шрифты как с засечками, так и без засечек, но для веб обычно выбирают шрифты без засечек. На самом деле, ученые, исследующие проблемы чтения у людей со слабым зрением, рекоментуют применять шрифты без засечек как в веб, так и в печатных публикациях. Поэтому, несмотря на множество шрифтов, подходящих вашему проекту, лучше остановить свой выбор на “безопасных” в плане разборчивости шрифтах без засечек.
Дизайнеры годами спорят, какие шрифты более разборчивы на экране: с засечками или без, но судить об этом не им, а читателям. Поэтому выбирайте ту гарнитуру, которая больше подходит вашему проекту. При условии, что вы подберете читабельный размер текста, наличие засечек не будет играть большой роли.
Если вы никак не можете решить, какую гарнитуру выбрать, зайдите на сайт typetester.org. Там можно сравнить разные шрифты и посмотреть, как они будут смотреться вместе, прежде чем останавливаться на чем-то конкретном.
Проявите внимание к деталям
В рецепте хорошей гарнитуры множество ингредиентов. Такие, казалось бы, незначительные решения, как высота, межбуквенное расстояние и ширина шртиха, играют важную роль в формировании сообщения, которое гарнитура доносит до читателя. В конце концов, именно эти мелочи делают содержимое курса разборчивым и читабельным.
Поэтому уделите несколько минут этим важным советам, которые помогут сделать ваш шрифт более приятными для аудитории:
Выбирайте более крупное “очко шрифта”
Очко шрифта (x-height) — это величина строчного знака относительно величины прописного. Чем больше очко шрифта, тем разборчивее текст. Не верите? Сравните две гарнитуры на картинке. Хотя размер гарнитур один и тот же, Arial выглядит больше, так как больше его очко шрифта.
Когда вы выбираете две (или более) гарнитуры, которые будете использовать совместно, отдавайте предпочтение тем, у которых одинаковое очко шрифта. Когда у гарнитур схожие особенности, они лучше работают в паре.
Пошире откройте просветы
Внутрибуквенные просветы (открытое пространство внутри букв) помогают читателям распознавать слова. К примеру, если выбран слишком большой шрифт, вам хочется сократить внутрибуквенные просветы, и наоборот. Это усложняет чтение.
Вам когда-нибудь приходилось читать плохую копию текста? Тогда вы представляете, о чем идет речь. Если копия слишком темная, пространство внутри букв обычно заполнено чернилами, и текст очень сложно прочитать.
У разборчивых шрифтов большие внутрибуквенные просветы. Это можно проверить на буквах A,C и E. Используйте гарнитуры типа Verdana: у них большие внутрибуквенные просветы, что создает ощущение свободного пространства.
Выбирайте “правильную” толщину штрихов
Разборчивость шрифта во многом зависит от штрихов. Они должны быть достаточно — но не слишком — толстыми. Если штрих слишком тонкий — он теряется, а если слишком толстый — отнимает внутрибуквенное пространство. Толщина штриха должна быть как каша с сказке про трех медведей — в самый раз. Так что поэкспериментируйте с разными шрифтами, чтобы посмотреть как ширина штриха влияет на читаемость.
Не скупитесь на интервалы
Когда слишком много слов пытаются впихнуть в ограниченное пространство, становится сложно распознавать буквы и грамматические конструкции. Читателям приходится делать дополнительную работу, мысленно расставляя интервалы в нужных местах, что приводит к низкой скорости чтения.
К счастью, решить проблему несложно: не скупитесь на интервалы, и взгляд читателя будет двигаться настолько быстро, насколько позволяет его мозг.
Оцените кернинг и трекинг шрифта
Кернинг — это расстояние между определенными парами букв. Кернинг можно использовать для увеличения или уменьшения расстояния между символами с целью создании более визуально привлекательного облика текста. Для большинства шрифтов кернинг установлен автоматически, но при желании его можно отредактировать.
Трекинг (или межбуквенное расстояние) — это пространство между группами букв или большими отрывками текста. Трекинг можно использовать для изменения общего облика текста и его читабельности: вы можете сделать текст более открытым и “воздушным” или, наоборот, более плотным.
Обычно и кернинг, и трекинг хорошо настроены по умолчанию, но вы можете вносить свои изменения в эти параметры, чтобы задавать нужный тон курса. Плотный текст сложнее прочитать, но он создает впечатление быстрой речи, в то время как большие интервалы обеспечивают разборчивость, которая ассоциируется с более объективным изложением материала. Поэтому вам стоит иметь в виду эти параметры, как один из мягких способов задать правильный тон.
Может показаться, что мы слишком много говорим об интервалах, но на то есть причина. Правильно расставленные интервалы существенно облегчат жизнь учащимся, особенно если вы ждете от них усвоения десятков страниц материала. Посмотрите эти рекомендации по комбинированию шрифтов от Google Web Fonts. Google очень хорошо демонстрирует, какое значение имеет правильная расстановка интервалов при работе с большими блоками текста.
В следующей главе мы поговорим о важности такого параметра, как размер >>
Если вам понравилась статья и перевод, дайте нам знать — нажмите кнопку Recommend
А если у вас есть на примете какая-нибудь классная статья по E-Learning и не только — скиньте нам ссылку, и мы будем рады над ней поработать.
Нас можно найти в Facebook: Nancy Pong и Ринат Шайхутдинов.
