Оформление текста: типографика

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

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

Типографика

Типографика — графическое оформление печатного текста посредством набора и вёрстки с использованием норм и правил, специфических для данного языка.
ru.wikipedia.org

Эти правила призваны улучшить внешний вид текста, сделать чтение легким и приятным. Отточенные многолетним опытом книгопечатания, многие из них применимы и в Интернете.

  • Для глаз утомительны как короткие, так и длинные строки. Читателю приходится напрягать мышцы глаз и шеи, прилагать усилия, чтобы не потеряться при переходе к следующей строке. Наиболее комфортной является длина строки 50-65 символов. Вот почему резиновая верстка для текстовых блоков — не лучшее решение.
  • Интерлиньяж (пространство между строками текста) — важный фактор для читаемости и эстетики текста. Слишком маленький (когда строки почти слипаются) затрудняет чтение, слишком большой можно спутать с разделением абзацев.

    Примеры текстов с различным интерлиньяжем

  • Абзацы должны четко отделяться друг от друга, но не настолько сильно, чтобы взаимосвязь между ними перестала ощущаться.

    Примеры различныx абзацных отступов

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

    Пример равномерного и рваного края

  • Выделять слова нужно так, чтобы не отвлекать читателя. Существует несколько форм выделения: курсивное начертание, полужирное начертание, заглавные буквы, размер шрифта, цвет. Лучше не комбинировать несколько способов, а использовать только один. Недопустимо выделять текст с помощью подчеркивания, которое прочно ассоциируется со ссылкой.
  • Правильное оформление знаков позволяет глазу беспрепятственно скользить по тексту, облегчая чтение и восприятие текста. Плохо оформленная пунктуация отвлекает внимание даже от хорошего дизайна сайта — это происходит бессознательно. Особенно часто путают многоточие (…) и три точки, дефис (-) и тире (—), «елочки» (принятые в русском языке) и “симметричные кавычки”.

В продолжение темы:

  1. «Оформление текста: единство стиля»
  2. «Оформление текста: интересное содержание»
  3. «Как правильно публиковать статьи на сайте»

Комментировать статью

Метки

Последние записи

Архивы