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

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

29.07.2016
205 Репосты 12,224 Просмотры
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». Как вы считаете, удобно ли оформлен контент на проекте?

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

Секретный доклад Yandex Scale 2020 • Яндекс.Облака трансляция
Блог YouKit
71 просмотры
Блог YouKit
71 просмотры

Секретный доклад Yandex Scale 2020 • Яндекс.Облака трансляция

YouKit - 23.09.2020

На конференции вы узнаете анонсы будущих сервисов Яндекс.Облака, получите доступ к реальному опыту применения Облака от партнеров и клиентов, сможете…

Осторожней со словами! SEO слова-магниты – эффективные слова для сайта
Разработка
599 просмотры
Разработка
599 просмотры

Осторожней со словами! SEO слова-магниты – эффективные слова для сайта

YouKit - 27.07.2020

В начале было Слово. Продвижение сайтов основано на словах. Копирайтеры уделяют много сил правильному написанию SEO-текстов. Директологи составляют объявления основываясь…

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

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

YouKit - 23.06.2020

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

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

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

ajax-loader
1
0
Поделитесь мыслями, комментируй!x
()
x

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

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