Для того, чтобы пользователь заинтересовался ресурсом, создается красивый дизайн, разрабатывается удобная навигация и пишутся статьи. Но цель большинства сайтов — донести до аудитории информацию, будь то реклама, новости или тематические статьи. Именно поэтому основа любого сайта — текст.
Зачастую сам текст незаслуженно забывается, хотя его небрежное оформленние может испортить впечатление, разочаровать и подорвать доверие. В данной статье мы начинаем рассматривать требования к написанию и оформлению текстов для сайта, и начнем с типографики.
Типографика
Типографика — графическое оформление печатного текста посредством набора и вёрстки с использованием норм и правил, специфических для данного языка. ru.wikipedia.org
Эти правила призваны улучшить внешний вид текста, сделать чтение легким и приятным. Отточенные многолетним опытом книгопечатания, многие из них применимы и в Интернете.
Для глаз утомительны как короткие, так и длинные строки. Читателю приходится напрягать мышцы глаз и шеи, прилагать усилия, чтобы не потеряться при переходе к следующей строке. Наиболее комфортной является длина строки 50-65 символов. Вот почему резиновая верстка для текстовых блоков — не лучшее решение.
Интерлиньяж (пространство между строками текста) — важный фактор для читаемости и эстетики текста. Слишком маленький (когда строки почти слипаются) затрудняет чтение, слишком большой можно спутать с разделением абзацев.
Абзацы должны четко отделяться друг от друга, но не настолько сильно, чтобы взаимосвязь между ними перестала ощущаться.
Висячие строки (например, последняя строка абзаца слишком короткая или состоит из одного слова) тоже отрицательно влияют и читаемость, и на эстетику. Прерывают взгляд читателя, нарушают прямоугольную форму текста. Висячих строк желательно избегать.
В блоках с выравниванием по левому или правому краю полезно обращать внимание на рваные края, которые образуются в результате заметной разницы в длине строк и могут сбивать читателя. Край должен быть равномерным, без слишком длинных и слишком коротких строк.
Выделять слова нужно так, чтобы не отвлекать читателя. Существует несколько форм выделения: курсивное начертание, полужирное начертание, заглавные буквы, размер шрифта, цвет. Лучше не комбинировать несколько способов, а использовать только один. Недопустимо выделять текст с помощью подчеркивания, которое прочно ассоциируется со ссылкой.
Правильное оформление знаков позволяет глазу беспрепятственно скользить по тексту, облегчая чтение и восприятие текста. Плохо оформленная пунктуация отвлекает внимание даже от хорошего дизайна сайта — это происходит бессознательно. Особенно часто путают многоточие (…) и три точки, дефис (-) и тире (—), «елочки» (принятые в русском языке) и “симметричные кавычки”.
Для того, чтобы пользователь заинтересовался ресурсом, создается красивый дизайн, разрабатывается удобная навигация и пишутся статьи. Но цель большинства сайтов — донести до аудитории информацию, будь то реклама, новости или тематические статьи. Именно поэтому основа любого сайта — текст.
Зачастую сам текст незаслуженно забывается, хотя его небрежное оформленние может испортить впечатление, разочаровать и подорвать доверие. В данной статье мы начинаем рассматривать требования к написанию и оформлению текстов для сайта, и начнем с типографики.
Типографика
Эти правила призваны улучшить внешний вид текста, сделать чтение легким и приятным. Отточенные многолетним опытом книгопечатания, многие из них применимы и в Интернете.
Интерлиньяж (пространство между строками текста) — важный фактор для читаемости и эстетики текста. Слишком маленький (когда строки почти слипаются) затрудняет чтение, слишком большой можно спутать с разделением абзацев.
Абзацы должны четко отделяться друг от друга, но не настолько сильно, чтобы взаимосвязь между ними перестала ощущаться.
В блоках с выравниванием по левому или правому краю полезно обращать внимание на рваные края, которые образуются в результате заметной разницы в длине строк и могут сбивать читателя. Край должен быть равномерным, без слишком длинных и слишком коротких строк.
В продолжение темы:
Ольга Завьялова
Метки: