Статьи

Фокус на типографии: размер

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

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

image0024

На изображении выше показана строчная буква x размером от 6 до 72 пунктов. Эта шкала существует с шестнадцатого века, и вы будете знакомы с ней, если будете использовать программное обеспечение любого типа, которое позволяет выбирать размеры шрифтов.

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

image0043

Поэтому, как только вы выложите его и увидите, как выглядят шрифты разных размеров, вы можете установить его в своей таблице стилей CSS. Я не буду обсуждать здесь CSS, но у Иана Ллойда есть отличный и подробный учебник по началу работы с HTML и CSS.

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

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

Список отдельно . Было неизбежно, что этот сайт появится в статье, связанной с типом. Этот сайт известен своей красивой типографикой.

image0063

Я ношу твою рубашку

image0082

Kraaft.com сознательно выбрал маленькие шрифты на своем сайте.
image0102

Определенная ясность

image0121

Симона Маранзана

image0141

Наконец, онлайн-инструмент, который может оказаться полезным для предварительного просмотра размера (и других свойств) вашего типа, — Typetester .

image0161

Что вы думаете о тенденции очень больших шрифтов на веб-сайтах? Это то, что вы использовали сами?