Типографика. Часть 3. Размер

Автор:  Jennifer Farley

В третьей части серии статей, посвященных типографике, мы поговорим об еще одном фундаментальном аспекте – размере.Typography

Размер и контраст текста – это две важнейшие составляющие, которые делают текст на страницах вашего сайта читаемым.

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

В последние годы была тенденция, когда размер текста стал очень маленьким и трудно читаемым. К счастью, эта тенденция теряет актуальность.

image0024

На рисунке выше буква изображена «х» размером от 6 до 72 пунктов. Такая градация размеров в ходу с XVI столетия. Вы можете использовать эту шкалу в качестве руководства при выборе размера шрифта. Например, вы можете установить, что весь Ваш основной текст будет размером 12, главные заголовки – 18, подзаголовки – 16 и заголовки бокового меню – 14 пикселей. Это конечно не аэрокосмические исследования, но эта простая шкала может помочь вам принимать определенные  решение о размере вашего текста для различных частей web-страницы. Это улучшит четкость и привлекательность вашего сайта, и вы можете поймать себя на мысли, что этот процесс становится все более занимательным.

image0043

Теперь, когда вы решили, какими будут размеры отдельных текстовых элементов, вы можете внести все параметры в таблицу стилей css.

Как правило размер основного текста не устанавливают меньше 10 пунктов. Нужно думать о вашей аудитории. Если вы создаете ваш сайт для аудитории старшего возраста, то возможно следует установить размер 14, который может казаться вам слишком большим, но когда зрение начинает подводить – крупный текст это хорошо.

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

Ну а теперь, пять примеров, как размер текста может придать исключительный и уникальный  вид вашему сайту.

A List Apart. Нельзя избежать упоминания этого сайта, который знаменит своей типографикой.

image0063

I wear your shirt

image0082

Kraaft.com специально выбрали маленькие шрифты для своего сайта.
image0102

Defined Clarity

image0121

Simone Maranzana

image0141

И напоследок инструмент, который будет полезен для тестирования и предварительно просмотра вашего текста – Typetester.

image0161

В следующей, заключительной, части мы поговорим об использовании свободного пространства.

Popularity: 1% [?]

Метки:

Оставить комментарий или два