Выбор шрифтов для веб дизайна. 15 советов от профи
Дни, когда дизайнеры были ограничены несколькими стандартными шрифтами, или были вынуждены использовать изображения для реализации своего замысла, давно прошли. Сегодня мы имеем доступ к огромному числу шрифтов различных начертаний и семейств. Но как же сориентироваться в этом многообразии?
Тим Браун, менеджер в Typekit, дает несколько советов для выбора веб-шрифтов.
1. Будьте избирательны
Выберите шрифт, который подходит для вашего контента (читайте содержимое вашего сайта, и вы легко узнаете свой шрифт), соответствует контексту (используйте один шрифт для основного текста, другой для заметок и так далее) и работоспособен (он должен быть оптимизирован для работы в вебе).
2. Поставьте шрифт на первое место
После освобождения от традиционных шрифтов, таких как Verdana и Georgia, мы получили возможность использовать шрифт, как отправную точку для разработки дизайна. Такой подход дает результаты, разительно отличающиеся от традиционного подхода, в котором сначала разрабатывается дизайн, а потом подбирается шрифт.
3. Не торопитесь
Высокое качество дизайна потребует от вас много терпения. Если вы не потратите достаточно времени на то, чтобы сделать вашу работу качественно, то откуда возьмется хороший результат?
4. Следите за новыми шрифтами
В Typekit, мы делаем несколько вещей, чтобы отобрать шрифты, которые действительно достойны внимания. Например, Джейсон Санта-Мария ведет колонку под названием About Face, в которой мы рассматриваем интересные шрифты. Этот список очень помогает нам, когда мы ищем замену стандартным шрифтам.
5. Воспользуйтесь нашим предложением
Часть семейства Elementar, созданного исключительно для электронных дисплеев
В своей библиотеке шрифтов Typekit предлагает вам удобный функционал, который позволяет одним нажатием кнопки выбрать шрифты, рекомендуемые для оформления основного текста, вторая кнопка представит вашему вниманию семейства, которые прекрасно подходят для заголовков. После того, как вы выбрали шрифт, вы можете добавить его в избранное и получить право использовать его в вашем проекте.
Петр Биляк, основатель Typotheque добавляет еще несколько советов, которые помогут вам выбрать лучшие варианты шрифтов для ваших проектов:
6. Будьте внимательны к размеру файла
Шрифты могут поддерживать до 200 языков, что приводит к большому размеру необходимых файлов. Один стиль Fedra Sans может весить 400Kb. Хотя это может показаться небольшим объемом, после того, как вам придется отдать его несколько миллионов раз, вы измените свое мнение. Самое простое решение этой проблемы — удаление ненужных символов. Зачем вам начертание санскрита, если вы делаете сайт для России?
7. Отслеживайте обновления браузера
Имейте в виду, что браузеры постоянно меняются. Например, последняя версия Firefox теперь может отображать капители, лигатуры, каллиграфические элементы и различные цифры. Это означает, что теперь можно использовать некоторые опции, от которых мы обычно отказывались в прошлом.
8. Учитывайте среду
Давайте подумаем, какие виды шрифтов будут хорошо смотреться на экране? Шрифты засечками Sans, как правило, выглядят неплохо, но они также должны иметь размеры, которые подходят для чтения текста с небольших экранов мобильных устройств. То есть текст должен оставаться читабельным с учетом того, что некоторые его детали не будут отображены.
9. Исследуйте новые возможности
В Индии существует более четырехсот языков. Несмотря на то, что разработано огромное количество шрифтов для латиницы, мы столкнулись с реальной нехваткой шрифтов для того или иного языка, распространенного в Индии. Мы самостоятельно разработали несколько семейств, что позволило сделать индийский веб немного разнообразнее.
10. Сделав выбор, проверьте его
Обязательно проверьте, как шрифты отображаются на различных платформах и в разных браузерах. Это кажется очевидным, но многие дизайнеры забывают, что если они проектируют на Mac, их пользователи, использующие Windows, увидят совсем другую картину.
11. Попробуйте, прежде чем покупать
Выбирая шрифт, вы не можете быть уверены на 100%, что он будет хорошо смотреться на вашем сайте. Специалисты Monotype недавно выпустили новый сервис, который позволяет кратковременно использовать 8000 шрифтов бесплатно. С Skyfonts вы также можете арендовать шрифты на такой срок, какой вам необходим.
12. Обратите внимание на бесплатные шрифты
Если вы будете искать достаточно долго и тщательно, возможно вы найдете то, что идеально вам подходит среди шрифтов, распространяемых бесплатно. Это занимает много времени, но такие ресурсы, как этот, сэкономят вам немного времени.
13. Не переусердствуйте
Тот факт, что вы имеете доступ к тысячам шрифтов, абсолютно не означает, что вы должны их все использовать. Всегда помните, что вы проектируете для пользователей, а не для того чтобы произвести впечатление на других дизайнеров. Если сочетание двух традиционных шрифтов станет самым оптимальным вариантом для пользователя, остановитесь на них.
14. Типография
Знание фундаментальных правил типографики в значительное мере повлияет на ваш подход к использованию веб-шрифтов. Статья "Правила типографии и термины, которые должен знать каждый дизайнер" поможет вам разобраться с основами.
15. Читайте
Любой серьезный подход требует основательной базы знаний. Познакомьтесь с работами авторов, которые считаются классическими в среде дизайнеров, а также внимательно следите за публикациями в этой области.