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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Интересное по теме…

№0 Базовые элементы верстки Этот пост, набор главных на мой взгляд тезисов Артема Горбунова из Бюро. К базовым элементам относятся: заголовок текст иллюстрация элементы управления ссылка подпись. Главная задача верстки — видеть и различать эти элементы, а затем аккуратно их размещать. Хаотично перемешанные элементы верстки, в бюро называют «верстк...
Набор иконок: дизайн и удаленная работа Набор из 20 значков для дизайнеров и фрилансеров. Бесплатный набор для дизайнеров Включает основные инструменты проектирования: инструмент обрезки, значок пипетки и мольберт. Подходит для проектов связанных с дизайном. Экономия времени Эти бесплатные векторные иконки сэкономят время при разработке веб-дизайна или мобильно...
№2 Текст как базовый элемент Этот пост, набор главных на мой взгляд тезисов Артема Горбунова из Бюро. Текст подобен воде заполняющей сосуд. Верстальщик определяет форму, пропорции и объем этого сосуда. В отличии от заголовков, которые стремятся к линии, текст — это прямоугольник или квадрат. В «резиновой» верстке дизайнер помимо формы, еще определяет правила...
5 принципов хорошего дизайна Юрий Ветров (Руководитель портальной дизайн-команды Mail.Ru Group) рассказал, по каким критериям надо оценивать дизайн в первом уроке программы «Дизайнер интерфейсов» https://youtu.be/aFPT0v44BHw Урок Юрия Ветрова: По каким критериям надо оценивать дизайн По этому докладу я подготовил визуальную презентацию с тезисами, которые озвучил Юрий...
В сети
printerest icon
Behance icon
CodePen icon
GitHub icon
© Roman Volgasov, 2018