Нюансы экранной типографики 23.07.2009 — 20:51
Метки: html, дизайн, интернет, кодирование, ликбез
Экранную типографику, популяризированную Артемием Лебедевым, несмотря на определенные сложности в реализации, всё чаще и чаще можно лицезреть на «продвинутых» сайтах. Здорово, когда внимание разработчиков обращено не только на рисование градиентов и «мокрых полов», но и на грамотную обработку самого контента. Ведь красивый текст даже читать приятней.
Различать тире и дефис, кавычки и знаки дюйма народ уже худо-бедно научился. Наиболее продвинутые представители оного даже «копирайт» обозначают специальным символом (зажимаем Alt и набираем на цифровом блоке клавиатуры 0, 1, 6, 9). А вот постановка пробела в определенных ситуациях для многих до сих пор неочевидна.
Вот некоторые мои соображения на этот счет:
- Символы единиц измерения (°C тоже), №, § и т. п. отбиваться от цифр должны. Мы же не пишем 500руб.? Вот и 10% писать не надо. Исключения из правила вполне логичны: слитно пишем знаки градуса, минуты и секунды — они обладают очень небольшой массой.
- Пробел между сокращениями (в т. ч. и между инициалами) тоже нужен. Я просто не вижу причин ему там не быть :)
- А еще пробел всегда ставится перед открывающей скобкой. Уважаемый(ая) — стыдоба!
- При указании размеров рекомендуется отбивать разделитель с обеих сторон. Если разделяем обычным «иксом», то это справедливо. При использовании же спeцсимвола ASCII
×(а так и надо) это лишне. И так хорошо смотрится: 120×120×25 мм. - Юзаем неразрывный пробел (
) для группировки элементов, которые всегда должны быть вместе. Грустно, когда строчка заканчивается фамилией Иванов, а следующая начинается с инициалов И. И. Так быть не должно.
Надо сказать, что пробелы в ряде случаев по типографским правилам должны быть не стандартными, а уменьшенными. Смотрится это действительно лучше. Но поскольку вменяемого способа реализовать это на веб-страницах нету, я думаю, что лучше уж полновесный пробел, чем вообще никакого.
Интересный момент. При оформлении лебедевского «Ководства» к проблеме процента подошли следующим образом: размерность не отбивается от значения, а помещается в строчный контейнер с небольшим отступом слева: <span style="margin-left:2pt;">%</span>. Считаю это излишней въедливостью. К тому же страдает реализация:
Вообще же на данную тему я рекомендую к ознакомлению ГОСТ 8.417-2002 и труды Аркадия Мильчина. Очень познавательно. Главное — включать голову, экстраполируя прочитанное на особенности веб-верстки. Вот «висячая» пунктуация в данном контексте мне, например, видится самой настоящей блажью.