Я пользуюсь некоторыми правилами, когда нужно справиться с выравниванием всякого по всякому.

Заголовки

  1. Если высота строчных литер заголовка не превышает полторы строки абзацного набора, я равняю заголовок по базовой линии с первой строкой базового текста.
  2. Если высота строчных заголовка больше полутора строк основного набора, я равняю заголовок по высоте строчных.
  3. В случае, когда заголовок набран прописными, равняю прописные по верхней границе.

Untitled

Межблоковое расстояние

Предельно близкое соседство блоков — две высоты строчных букв заголовка. Но и это я считаю плохим набором. Лучше делать 2,5—4 высоты. Если делать больше, то блоки перестанут связываться в общую структуру, верстка развалится.

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

Untitled

Картинки

  1. Если картинка превышает по высоте две высоты заголовка, я ее центрирую по высоте прописных.
  2. Картинка напротив блока текста равняется по верхней границе строчных.
  3. Если иконка находится в пределах высоты двух строк заголовка, я ставлю ее на базовую линию и пытаюсь вписаться центром по высоте строчных.

Untitled

Нужно обращать внимание на графику и формы картинки. Оптический центр может совпасть, а может отклониться от линии выравнивания.

Untitled

Например, имеет смысл рисовать иконки, которые стремились бы заполнить круглое или квадратное пространство.

Untitled