5 правил типографики • размещение текста на сайте

Как красиво и понятно оформить текст на сайте

29.07.2016
205 Репосты 12,010 Просмотры
1 Comments

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

На основе материала из книга Practical Typography,
автор — дизайнер из Лос Анджелеса Matthew Butterick.

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

2. Кегль в пунктах — это размер букв. В печати удобнее всего использовать размер от 10 до 12 пунктов. В web — от 15 до 25 пикселей.

3. Интерлиньяж — межстрочный пробел. Его рекомендуется выставлять 120-145% от размера используемого шрифта. В текстовых редакторах необходимо вводить эту величину вручную. В CSS используется параметр line-height.

4. Длина строки — ширина текстового блока. Рекомендованная длина строки должна составлять около 45-90 символов или 2 алфавита нижнего регистра:
абвгдеёжзийклмнопрстуфхцчшщъыьэюяабвгдеёжзийклмнопрстуфхцчшщъыьэюя.
Стоит отметить, что в современном сайтостроени следует учитывать размеры экрана пользователей и способность ваших web-станиц к адаптивности.

5. Последнее, выбор шрифта. В стремлении улучшить визуальное восприятие вашего документа, старайтесь не использовать «системные шрифты» — шрифты, которые установлены на вашу операционную систему, вроде Times New Roman или Arial (их можно использовать как второй шрифт для страховки). В зависимости от типа документа выбирайте шрифт который придаст индивидуальность вашему документу. Но следует позаботиться о правильном подключении шрифтов ко всем устройством просмотра вашего сайта.

Размещение текста на сайте • 5 правил типографики

На своем блоге YouKit.ru я стараюсь придерживаться этих правил, на момент написания статьи использовал шрифт «PT Sans Caption». Как вы считаете, удобно ли оформлен контент на проекте?

интересные посты

Цели в Яндекс Метрике 🎯 Как настроить эффективно 2020
Аналитика
249 просмотры
Аналитика
249 просмотры

Цели в Яндекс Метрике 🎯 Как настроить эффективно 2020

YouKit - 23.06.2020

Подключить Яндекс.Метрику новоиспеченному интернет-магазину способен любой маломальский web-мастер. Google Analytics тоже стараются подрубить. К сожалению на этом вся работа в…

Онлайн консультант • беда для вашего сайта за ваши деньги
Маркетинг
2951 просмотры3
Маркетинг
2951 просмотры3

Онлайн консультант • беда для вашего сайта за ваши деньги

YouKit - 10.01.2019

«Вы только что зашли на наш сайт. Нашли то, что искали? «Мы перезвоним вам за 15 секунд, хотите проверить?» «У…

Создать сайт для бизнеса уже недостаточно для успеха
Маркетинг
4954 просмотры1
Маркетинг
4954 просмотры1

Создать сайт для бизнеса уже недостаточно для успеха

YouKit - 20.06.2018

В настоящее время сделать себе сайт не составляет большой сложности. Интернет предлагает множество инструментов под любой уровень знаний. Конструкторы, готовые…

Подписаться на комментарии поста
Уведомить по почте:
guest
1 Комментарий
Старые
Новые Популярные
Встроенные отзывы
Посмотреть все комментарии
Вика
Вика
3 лет назад

Очень приятный шрифт, удобно читать.

1
0
Поделитесь мыслями, оставьте комментарий!x
()
x

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: