№1 Заголовок как базовый элемент

Этот пост, набор главных на мой взгляд тезисов Артема Горбунова из Бюро.

Заголовок задает конструкцию и вносит смысл.

Плохой заголовок — формальное резюме текста.

Хороший заголовок привлекает внимание и подогревает интерес к теме. Правильно организованная структура заголовков помогает читателю, подобно оглавлению ориентироваться в тексте. Размеры заголовков показывают сравнительную важность или логическую вложенность текстов. А если на странице нет изображений, то заголовок — первое на что обратит внимание посетитель.

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

простейший заголовок
простейший заголовок

Добавить жирность шрифту имеет смысл, только для акцентирования внимания в текстовой простыне:

акцентирование внимания с помощью полужирного шрифта

В заголовке не должно быть висячих союзов, предлогов и нелогичных переносов:

про висячие союзы и предлоги в заголовках

Заголовок должен быть однородным и самостоятельным элементом на странице.

заголовок и однородность дизайна
нет, так делать не стоит

Этот приём подходит в редких случаях вроде книжного титула или плаката. Даже «безобидное» выделение жирным части заголовка в декоративных целях часто выдаёт любительскую вёрстку.

декоративное выделение в заголовке

Составной заголовок нужен только, если он:

  • Делает заголовок компактнее.
  • Делает заголовок заметнее.
  • Делает заголовок понятнее.
составной заголовок с биркой
составной заголовок с биркой
двойной заголовок
двойной заголовок
выделение заголовка графикой
выделение заголовка графикой

Заголовок должен четко определять какому блоку он относится.

В колоночной верстке, если длины заголовка не хватает, что бы «накрыть» весь текст, может получиться, что-то вроде этого:

пример неправильной многоколоночной верстки
к чему относятся эти колонки?

Для решения этой путаницы нужно использовать разделение по горизонтали.

№1 Заголовок как базовый элемент

Заголовок узкого блока можете переноситься на несколько строк. Чрезмерно длинный заголовок в такой конструкции будет выглядеть уродливо.

чрезмерно длинный заголовок

Спасают положение составные заголовки, выбор подходящего кегля и, конечно, редакционная политика.

В сети
printerest icon
Behance icon
CodePen icon
GitHub icon
© Roman Volgasov, 2018