Занимательная типографика (часть 1)
Визуальный контраст и дизайн страницы
Хорошая типографика во многом зависит от визуального контраста между шрифтами, и контраста между текстовыми блоками и окружающим пустым пространством. Ничего так не привлекает внимания глаз и сознания человека, как сильный контраст и разнородные изображения, однако подобные приемы стоит использовать весьма осторожно при создании дизайна или верстки страниц. Если сделать все жирным, то ничего не будет выделяться и создастся впечатление, что вы решили вынести мозг пользователю. Если вы набьете каждую страницу плотным текстом, читатели увидят серую стену и их сознание инстинктивно воспротивится отсутствию визуального контраста. Не принесет результата и попытка сделать все одинаково крупным. Даже жирные шрифты надоедают очень быстро, так как если весь текст жирный, ничего нельзя сделать выделить “жирнее”.
Для выделения заголовков в вебе используйте заголовочные html-тэги (H1, H2, etc.), но делайте это внимательно. Чтобы контролировать их внешний вид (размер шрифта, жирность, наклон) – использование стили css.
Визуальныя логика vs. стуртурная логика
Создатели первоначальных HTML-стандартов были рациональными людьми, которые хотели, чтобы документы создавались с минимально необходимой разметкой для более логичного представления структуры информации. Поскольну они были мало заинтересованы в качественном визуальном отображении страниц, в текущей версии HTML нет хорошей типографики и возможности форматирования. Сосредоточившись исключительно на структурной логике документа HTML, создатели веба игнорировали необходимость визуальной логики сложного графического дизайна и типографики.
Организации, ответственной за кодификацию языка HTML, сталкивается с массой жалоб графических дизайнеров – заголовки и подзаголовки, созданные при помощи соответствующих тэгов в веб-документах часто выглядят неуклюжими, чрезмерно большими. Однако сейчас эта проблема решается использованием стилей css, как было написано выше.
Шрифт and “разборчивость”
Мы читаем, в первую очередь, путем распознавания общей формы слов, а не рассматриваем каждую букву в отдельности, а затем складываем их в известные слова:
Избегайте использования всех заглавных букв в заголовках – это гораздо труднее для чтения, потому что слова образованные из прописных букв однообразные прямоугольники, которые предлагают очень мало разнообразных форм, за которые может зацепиться глаз читателя:
Читабильность зависит от верхней части слов
Ваше решение использовать строчные или прописные буквы имеет большое значение для читабильности. В основном, использование “нижнего” стиля (когда заглавная – только первая буква первого слова в предложении или для имен собственных) подразумевается только у заголовков и подзаголовков. Такой стиль более разборчивый, потому что при чтении мы прежде всего сканируем вершины слов:
Обратите внимание, что гораздо сложнее читать нижнюю половину одной и той же фразы:
Если вы используете заглавные буквы во всех словах заголовка, вы прерываете процесс “сканирования” читателем формы слов:
Литература
Bringhurst, R. 1992. The elements of typographic style. Washington: Hartley and Marks.
Siegel, D. 1996. Creating killer web sites. Indianapolis: Hayden Books.
Spiekermann, E., and E. M. Ginger. 1993. Stop stealing sheep & find out how type works. Mountain View, CA: Adobe Press.
typoGRAPHIC A concise, elegant essay on typography and letterforms from razorfish/bluedot.