Основные отличия мобильной типографики от десктопной:
Выбор шрифта. chulakov.school Для мобильной версии используют чёткие, разборчивые шрифты, например гротески или антиквы. chulakov.school Рукописные или декоративные шрифты лучше оставить для десктопной версии. chulakov.school
Размер шрифта. chulakov.school Как правило, основной текст в мобильных версиях делают немного крупнее, чем в десктопных. chulakov.school Оптимальный размер для основного текста в мобильных интерфейсах — 16–18px. chulakov.school
Межстрочный интервал. chulakov.school Так как экран мобильного телефона меньше, межстрочный интервал, как правило, меньше, чем для десктопной версии. chulakov.school
Выравнивание текста. wayup.in Текст, размещённый по левому краю, а не по ширине, быстрее усваивается. wayup.in
Иерархия заголовков. media.contented.ru Заголовки в мобильных версиях должны сильно отличаться от основного текста по размеру и быть намного крупнее. media.contented.ru Это позволит пользователю лучше ориентироваться на сайте, считывать информацию и воспринимать контент. media.contented.ru
Примеры полезных ответов Поиска с Алисой на вопросы из разных сфер. Вопросы сгенерированы нейросетью YandexGPT для актуальных тем, которые определяются на базе обобщённых запросов к Поиску с Алисой.