Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX

3 приметы плохой типографики

by
Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Yuri Yuriev (you can also view the original English article)

Хорошая типографика отражает иерархию и выделяет нужные места. По этому краткому руководству вы научитесь браковать плохие шрифты и редактировать готовый текст.

1. Учитывайте читаемость, пожалуйста

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

Для уровня WCAG 2.0 AA требуется коэффициент контрастности 4,5: 1 для обычного текста и 3: 1 для большого текста. Уровень AAA требует коэффициента контрастности 7: 1 для обычного текста и 4,5: 1 для большого текста.

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

2. Убирайте отвлекающие факторы

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

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

3. Учитывайте длину строки

Оптимальная длина строки (или «мера») составляет 8-12 слов или приблизительно 50-60 символов на строку. Это удобно, чтобы взгляд читателя не уставал, бегая с начала в конец предложения и человек продолжал чтение.

Это особенно касается проектирования наплывающих экранов. Типографика - отличный метод обозначения ударных мест ваших проектов.

Заключение

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

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.