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

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

29.07.2016
205 Репосты 10,193 Просмотры
1 Comments

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

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

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

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

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

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

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

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

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

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

Как подключить Яндекс кассу на сайт с 54-Ф3
Разработка
0 репосты435 просмотры
Разработка
0 репосты435 просмотры

Как подключить Яндекс кассу на сайт с 54-Ф3

YouKit - Сен 07, 2017

Яндекс.Касса это готовое решение для получения платежей с банковских карт, электронных денег, терминалов на вашем сайте. (далее…)

Структура сайта • как сделать хорошую структуру сайта
Разработка
0 репосты286 просмотры
Разработка
0 репосты286 просмотры

Структура сайта • как сделать хорошую структуру сайта

YouKit - Авг 27, 2017

Один из этапов создания сайта — разработка его структуры (взаимосвязь и расположение всех элементов проекта). У разных сайтов в зависимости…

Как придумать УТП • Уникальное торговое предложение для сайта
Маркетинг
0 репосты483 просмотры
Маркетинг
0 репосты483 просмотры

Как придумать УТП • Уникальное торговое предложение для сайта

YouKit - Июн 15, 2017

Начну с того, что уникальное торговое предложение или УТП для сайта не нужно придумывать, оно должно быть сутью вашего бизнеса.…

Отправить ответ

Уведомлять
avatar
Показать:   новые | старые | лучшие
Вика
Гость

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

wpDiscuz

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

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