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

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

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

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

WhatsApp добавил кнопку Магазин
Держу в курсе
238 просмотры
Держу в курсе
238 просмотры

WhatsApp добавил кнопку Магазин

YouKit - 15.11.2020

Кнопка «Магазин» появится на месте иконки голосового вызова в интерфейсе приложения при общении с бизнес-пользователями для просмотра товаров по всему…

Instagram обновили дизайн расширив функции магазина
Держу в курсе
209 просмотры
Держу в курсе
209 просмотры

Instagram обновили дизайн расширив функции магазина

YouKit - 13.11.2020

Редизайн коснулся прежде всего главного экрана приложения. Появились вкладки Reels и Shop. На первой вкладке будут показываться персональные рекомендации, подборки канала @shop,…

Секретный доклад Yandex Scale 2020 • Яндекс.Облака трансляция
Держу в курсе
1029 просмотры
Держу в курсе
1029 просмотры

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

YouKit - 23.09.2020

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

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

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

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

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

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