Иногда интерфейс выглядит аккуратно в макете, но в браузере текст начинает «сыпаться»: заголовки перетягивают внимание, абзацы слипаются, а подписи к полям приходится буквально вылавливать глазами. Хочется обсудить не только выбор шрифта, но и всю систему: размер, начертание, межстрочный интервал, длину строки и расстояния между текстовыми блоками.
Как вы собираете типографическую шкалу для проекта? Используете фиксированный набор размеров или подбираете их под конкретные экраны и задачи? Интересно сравнить подходы для лендингов, SaaS-интерфейсов и мобильных приложений: где достаточно нескольких уровней, а где без более подробного ритма начинается визуальный шум.
Отдельный вопрос — как проверяете читабельность в реальной работе. Я замечал, что макет хорошо смотрится на крупном мониторе, но при обычном масштабе браузера текст оказывается слишком мелким, а длинные строки утомляют. Делаете ли вы тестовые страницы с реальным контентом, ограничиваете ширину текста, учитываете ли кириллицу и разные шрифтовые пары? Делитесь примерами решений и ошибками, которые удалось поймать до релиза.
Как вы собираете типографическую шкалу для проекта? Используете фиксированный набор размеров или подбираете их под конкретные экраны и задачи? Интересно сравнить подходы для лендингов, SaaS-интерфейсов и мобильных приложений: где достаточно нескольких уровней, а где без более подробного ритма начинается визуальный шум.
Отдельный вопрос — как проверяете читабельность в реальной работе. Я замечал, что макет хорошо смотрится на крупном мониторе, но при обычном масштабе браузера текст оказывается слишком мелким, а длинные строки утомляют. Делаете ли вы тестовые страницы с реальным контентом, ограничиваете ширину текста, учитываете ли кириллицу и разные шрифтовые пары? Делитесь примерами решений и ошибками, которые удалось поймать до релиза.
Комментарии 7
Обсуждение темы — по порядку