SEO-продвижение сайта от 150 000 рублей

Заказать звонок
Телефон отдела продаж:
8 (800) 775-16-41
Наш e-mail:
mail@texterra.ru
Заказать услугу
Как выбрать и использовать шрифт: 10 советов Редакция «Текстерры»
Редакция «Текстерры»
А такой шрифт подходит?
Занимаемся разработкой фирменного стиля: повышаем узнаваемость бренда. Подробнее

1. Объедините текст на странице в несколько блоков

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

Визуальные отличия текста в разных блоках страницы

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

Врезка играет роль дополнительного блока текста, который визуально выделяется на странице
Разработаем вам фирменный стиль
Подробнее

2. Выберите оптимальное позиционирование и выравнивание шрифта

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

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

Шрифт в каждом блоке выровнен по левому краю

3. Подбирайте шрифты, соответствующие характеру вашего продукта и бренда

Шрифты бывают агрессивными и спокойными, маскулинными и фемининными, солидными и легкими. Это не субъективные определения, в чем можно убедиться на следующих примерах:

Логотип Gillette Venus — яркий пример фемининного шрифта

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

Маскулинный шрифт на этикетке алкогольного напитка

Угловатые и солидные буквы, четкие границы, цвет, — это явно мужской шрифт и бренд.

4. Убедитесь в читабельности текста

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

Влияние на читабельность курсива, полужирного начертания и шрифта с засечками

5. Выберите оптимальный размер шрифта и попробуйте использовать разные размеры

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

Разный размер шрифта повышает читабельность контента

6. Попробуйте Caps Lock

Когда речь идет о большом количестве текста, заглавные буквы уменьшают читабельность. Однако Caps Lock уместно использовать для повышения визуальной привлекательности заголовков, подзаголовков, коротких слоганов. Обратите внимание на обложку страницы компании Nike в Facebook:

Заглавные буквы не уменьшают читабельность и повышают визуальную привлекательность

7. Выберите оптимальный интервал между буквами

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

Изменение интервала между буквами с помощью инструмента Canva

8. Попробуйте использовать разные пары шрифтов

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

Сочетание двух шрифтов

9. Убедитесь, что текст расположен там, где его удобно читать

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

Этот текст прочитают, даже если шрифт будет не совсем удачным

10. Уменьшите объем текста

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

Здесь много текста не нужно

Выбирая шрифт…

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

Адаптация материала 10 Helpful Tips for Choosing and Using Fonts by Melanie Perkins.

Поделиться статьей:

Новое на сайте

8 ноя 2024
7 387
Бренд-медиа – недорого и быстро

Если коротко, так не бывает. А вот как бывает, расскажет наш контент-стратег.

8 ноя 2024
354
Вот что надо сделать, если посторонние мысли вдруг отвлекают вас от работы

Жизнь всегда отвлекает. Еще бы – мы ее живем. Но что бы не происходило в вашей жизни, работать-то надо…

Смотреть все статьи

У вас есть деловой запрос? Давайте обсудим!

Оставьте свои контакты, мы свяжемся с вами в ближайшее время.

Нажимая на кнопку «Оставить заявку», вы подтверждаете свое согласие на обработку пользовательских данных

Спасибо!

Ваша заявка принята. Мы свяжемся с вами в ближайшее время.