converlab

Дизайн. Юзабилити. Конверсия.

Written by: Дмитрий Наумов on 08.09.2011 @ 2:22 пп

Вряд-ли кого-то нужно убеждать в важности привлекательных заголовков (и подзаголовков). Написать такой заголовок — настоящее искусство, не меньшее искусство грамотно (и по возможности оригинально) его оформить. Об этом я и предлагаю вам сегодня поговорить.

Оформление заголовка

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

  • Занимать самое высокое место в иерархии заголовков — H1 (в крайнем случае H2 в зависимости от структуры вашего сайта);
  • Контрастировать с остальным текстом (содержимым). Здесь возможны следующие варианты и их сочетания — по гарнитуре, по замеру шрифта, по весу и насыщенности шрифта, по выравниванию (может располагаться асимметрично по отношению к остальному тексту) благодаря всевозможным эффектам;
  • Иметь достаточное количество «воздуха» (речь о пространстве отделяющем его от основного содержимого);
  • При всем этом гармоничным

Пример оформления заголовков на сайте Trentwalton:

Заголовок

Оригинальный заголовок

Оформление подзаголовков

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

  • Используйте то же стилистическое оформление, что и в заголовке, только в меньшем масштабе. Как вариант можно использовать ту же гарнитуру что и в основном тексте (можно даже в тот же размере), но в жиром/полужирном начертании.
  • Отделяйте подзаголовки межстрочным интервалом сверху и снизу;
  • Если у вас подзаголовки нескольких уровней, они должны выражено отличатсья.

И еще о заголовках и подзаголовках:

  • Излишне не усложняйте структуру текста, желательно использовать не более 3-х уровней заголовков;
  • Всегда сохраняйте иерархию «сверху-вниз» (заголовок уровня H2 не может быть выше чем H1)
  • Не делайте слишком длинные заголовков. Заголовок должен быть коротким, но емким и ярким;
  • Не ставьте точки в после заголовков/подзаголовков;
  • Не делайте переносов в заголовков/подзаголовков (переносите слово целиком);
  • Не нужно подчеркивать подзаголовки если они не являются гиперссылками;
  • Заголовки стоит равнять вправо или по центру, но никак не во всю ширину или влево (естественно, исключения могут быть).

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

Popularity: 25% [?]

Поделиться в соц. сетях

0

Tags: , ,

Catogories: Дизайн
  • http://www.liveinternet.ru/users/2203716/ Делитант

    Почему не ставить точки в подзаголовках?