x
 
Артём
28 июля 2014

Что нужно знать о подписях в вёрстке?



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

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

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


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


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


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


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

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


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


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


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

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

Графомания, на первый взгляд, отражает мелодический полифонический роман, но не рифмами

Поэтика основывается на совмещении исключающих друг друга принципов характерности и поэтичности

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

Поэтика

Характер

Генеративная поэтика

Литературный характер

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

P. S.

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


Поделиться
Отправить

Комментарии

Роман Еремейко
28 июля 2014

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

Также в подписи из нескольких предложений, как на первой картинке о бизнес-центре, я бы всё-таки поставил точку в конце.


30 июля 2014

Роман!

Современная издательская норма требует опускать точки в самом конце заголовков и подписей, даже если они состоят из нескольких предложений и содержат точки внутри.

Точки в конце заголовков и подписей выглядят старомодно (или по-детски).

Мильчин о знаках препинания в подписях:
http://books.google.ru/…dv-mC8T4fasC&pg=PT449&lpg=PT449 (http://books.google.ru/books?id=dv-mC8T4fasC&pg=PT449&lpg=PT449)
(внизу страницы).

В заголовках:
http://books.google.ru/books?id=dv-mC8T4fasC&pg=PT54&lpg=PT54


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

1 Куда поставить ссылку: на поля или в текст? 2




Недавно всплыло

В Сафари появилось распознавание текста на картинках. Иногда текст странно выделяется и копируется. Что поделать? 2 1 Что вы думаете о способе указывать цвету прозрачность в шестнадцатеричном виде вместо более традиционного RGBA? 3 Защититься от случайного нажатия «Сдаться» 1