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

Типография сайта – это умение работать с текстом: от набора до верстки. Поэтому знание этих основ пригодится всем, кто каким-либо образом взаимодействует с контентом. Почему это важно? Нарушение правил форматирования усложняет восприятие информации, что отрицательно сказывается на эффективности работы ресурса. Есть и другие причины:

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

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

Работа со шрифтами.

Шрифты и их роль трудно переоценить, это интернет-почерк вашего ресурса. Здесь важно запомнить одно – он не должен мешать воспринимать информацию. Художественная составляющая отступает на второстепенный план, а во главе становится пользователь. Еще одно важное правило – в одном макете разрешается использовать не более двух-трех шрифтов. Кроме того, следует запомнить специальную терминологию:

• кегль – высота букв;
• кернинг – интервалы между буквами;
• интерлиньяж – расстояние между строками.

Этими терминами активно жонглируют верстальщики, но их все равно нужно знать.

Использовать зарубки или нет?

Этот спор ведется уже давно. Ранее правила оформления текста на сайте предполагали отсутствие зарубок. Это связано с тем, что мониторы старого образца плохо изображали такие мелкие детали. Но теперь такой проблемы нет, потому ограничения сняли. Но засечки все равно привыкли применять только в заголовках, а не в основном тексте, чтобы лишний раз не раздражать пользователя.

Как оформлять заголовки?

Заголовки создаются по принципу пирамиды. H1 – самый главный, поэтому его выделяют и делают самым большим. H2 – подзаголовок второго уровня, он должен быть меньшего размера и так далее по списку. Основной контент должен быть меньшего размера по сравнению с названием последнего уровня.

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

Выравниваем тексты: по центру или по краю?

Наиболее распространенный вариант – выравнивание по левому краю. Это оптимальный формат для восприятия. Выравнивание по центру и по правому краю тоже допускается, но с особой осторожностью. А по ширине – табу, потому что в этом случае читателю трудно сосредоточиться, чтобы усвоить материал. Что касается заголовков и подзаголовков, их разрешается размещать в центре страницы, а маркированные списки структурировать слева, как и основной информационный массив.

Выбираем кавычки.

Лапки – больная тема многих редакторов и дизайнеров. Возможно, вы этого не знали, но существует множество вариаций: елки, лапки, немецкие лапки, единичные лапки, двойные лапки. Так сложилось, что у нас принято использовать «елки», их также называют французскими кавычками. В некоторых случаях допускается применение двойных кавычек, когда используется цитата внутри цитаты. В этой ситуации "елки" комбинируются с "лапками".

Разберитесь с тире и дефисом.

Еще один проблемный пункт. Некоторые пользуются только одним из этих символов, хотя между ними есть разница. Запомните следующее: тире – это длинная черта, которая используется в пределах предложения, дефис – короткая черта, она используется только в пределах слова.

Какой цвет выбрать?

Классический вариант – черный на белом и наоборот. Но сейчас существуют другие вариации, не влияющие на читабельность страниц. К примеру, достойным кандидатом считается темно-серый оттенок вместо черного. Белые шрифты можно использовать на темных оттенках красного, синего, а также зеленого. А с кислотной палитрой возникает слишком много сложностей, поэтому с ней лучше не экспериментировать.

Использование общего стиля для одинаковых элементов.

Объединение подобных элементов – одно из базовых правил. Это позволяет собрать каждый отдельный компонент в единое целое, что положительно сказывается на визуальном восприятии.

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