Подпись — базовый элемент вёрстки.

Подписи сопровождают другие элементы вёрстки — иллюстрации, элементы управления и даже гиперссылки. Подписи объясняют их назначение и содержание, служат мостиком к основному тексту.

Иллюстрация — самый заметный якорный объект. Иллюстрации с подписями можно изучать отдельно от текста. Но если иллюстрация заинтересовала читателя, то благодаря подписи читатель «нырнёт» и в основной текст:

Промостраница Оксфорд-теста

Подписи интригуют и развлекают читателя:

Иллюстрация без подписи — бессмысленная декорация:

Подпись необязательна, если иллюстрация понятна без объяснений, стоит рядом с заголовком или описанием в основном тексте.

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

Хорошо, если подпись располагается рядом с иллюстрацией:

Ещё лучше, если подписаны отдельные детали:

При этом выносные линии должны быть тонкими: не более 20% чёрного на экране или 0,25 п. на бумаге. Они не должны пересекаться между собой и должны как можно меньше пересекать изображение. Выносные линии не должны втыкаться в указываемую деталь, не должны совпадать или идти параллельно с ближайшими линиями самой иллюстрации. Выносные линии должны иметь достаточную длину, чтобы их было легко заметить.

Чаще всего подписи располагаются снизу или сбоку от своих объектов:

Однако поля ввода подписывают слева или сверху, чтобы их названия были видны заранее:

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

Это был понедельничный совет о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.