Правила в типографике помогают сделать текст удобным для чтения и визуально привлекательным. Если их не соблюдать, текст будет сложно воспринимать и это испортит впечатление от сайта. Разбираем, какие ошибки чаще всего совершают при работе с типографикой.
Отсутствие иерархии
При работе с текстами важно, чтобы заголовок, подзаголовок и основной текст отличались друг от друга: размером, начертанием или шрифтом. Так вы создаёте визуальную иерархию информации и помогаете пользователю отличить главное от второстепенного. Если этого не сделать, сайт превратится в простыню из контента и ориентироваться в нём будет сложно.
Низкий контраст текста и фона
Если текст недостаточно контрастный по сравнению с фоном, например, из-за низкой непрозрачности, его будет сложно прочитать. Чтобы этого избежать, следуйте простому правилу: фон тёмный — значит, текст должен быть светлым. И наоборот: светлый фон — тёмный текст.
Много стилей
Чем меньше стилей типографики, тем лучше видны акценты в тексте. Старайтесь не использовать больше трёх стилей на одном экране, иначе вёрстка будет выглядеть перегруженной. Достаточно выделять заголовки и подзаголовки, а также делать контрастными ключевые фразы.
Неправильный интерлиньяж
Интерлиньяж — это расстояние между базовыми линиями строк текста. Его значение влияет на читаемость. Если сделать интерлиньяж слишком большим — текст будет распадаться, а из-за слишком маленького расстояния строки будут сливаться, это затруднит чтение.
Много текста с выравниванием по центру
Объёмный текст с выравниванием по центру сложно читать. Людям привычно читать тексты с выравниванием по левому краю, поэтому центральная выключка подойдёт только для небольших текстов, например, цитат и ключевых фраз.
Отсутствие иерархии
При работе с текстами важно, чтобы заголовок, подзаголовок и основной текст отличались друг от друга: размером, начертанием или шрифтом. Так вы создаёте визуальную иерархию информации и помогаете пользователю отличить главное от второстепенного. Если этого не сделать, сайт превратится в простыню из контента и ориентироваться в нём будет сложно.
Низкий контраст текста и фона
Если текст недостаточно контрастный по сравнению с фоном, например, из-за низкой непрозрачности, его будет сложно прочитать. Чтобы этого избежать, следуйте простому правилу: фон тёмный — значит, текст должен быть светлым. И наоборот: светлый фон — тёмный текст.
Много стилей
Чем меньше стилей типографики, тем лучше видны акценты в тексте. Старайтесь не использовать больше трёх стилей на одном экране, иначе вёрстка будет выглядеть перегруженной. Достаточно выделять заголовки и подзаголовки, а также делать контрастными ключевые фразы.
Неправильный интерлиньяж
Интерлиньяж — это расстояние между базовыми линиями строк текста. Его значение влияет на читаемость. Если сделать интерлиньяж слишком большим — текст будет распадаться, а из-за слишком маленького расстояния строки будут сливаться, это затруднит чтение.
Много текста с выравниванием по центру
Объёмный текст с выравниванием по центру сложно читать. Людям привычно читать тексты с выравниванием по левому краю, поэтому центральная выключка подойдёт только для небольших текстов, например, цитат и ключевых фраз.
