Читать гайд
Слой 1 — Визуальные параметры
Слой 2 — Что разрешено, а что нельзя
Слой 3 — Компоненты и детали
Чек-лист для ревью сценариев
Контраст
Ночной и дневной режимы
Анимации и мигание
Слой 1
«Водитель должен увидеть это с первого взгляда»
Этот слой про одно: может ли водитель считать информацию с экрана быстро, без напряжения и в любых условиях — будь то ночь, яркое солнце или тряска на плохой дороге. Здесь нет ничего про логику сценариев или количество шагов — только про то, как выглядит интерфейс: размер текста, контраст, шрифты, цвета и анимации.
Визуальные параметры
Телефон стоит в держателе на приборке или лобовом стекле. Расстояние от глаз до экрана — около 55–70 см. Интерфейс работает как дорожный знак: водитель смотрит мельком и должен мгновенно считать нужное.
Пассивный режим
Водитель взаимодействует с телефоном: нажимает на экран в держателе, наклонившись к нему, или держит телефон в руке. Расстояние от глаз — около 30–40 см, примерно как при обычном использовании смартфона. Но водитель всё ещё за рулём, и максимум его внимания должно остаться на дороге.
Активный режим
Общие принципы для обоих режимов
Никакого напряжения
Никакого «вчитывания»
Никаких попыток разобраться
Когда человек едет за рулём, он не читает интерфейс так, как читает статью или переписку. Он бросает быстрый взгляд — примерно на секунду, часто меньше — и должен за это время понять, что написано на экране.
Это принципиально другой режим восприятия. И обычный шрифт — тот, что отлично выглядит на макбуке и удобно читается в метро — в машине просто не работает. Не потому что он плохой, а потому что он спроектирован под другой сценарий.
Размер текста
Водитель не читает — он считывает
Откуда берутся цифры
Стандарты ISO и ГОСТ задают размер текста через понятие «угловой размер символа». Звучит технически, но идея простая.
Представь: ты смотришь на букву. Чем дальше она от тебя — тем меньше она кажется, даже если физически не изменилась. Угловой размер — это то, какой угол занимает буква в твоём поле зрения. Именно этот угол определяет, насколько легко её прочитать за быстрый взгляд
Угловой размер символа
Стандарт говорит: буква должна занимать не меньше определённого угла, чтобы водитель успел её распознать. Из этого угла и расстояния до экрана получается конкретная физическая высота буквы. Из высоты — конкретные цифры в пикселях.
Поэтому правильные минимумы зависят от того, в каком режиме используется телефон.
Расстояние от глаз: ~60 см.
На таком расстоянии буква обычного мобильного приложения (16 pt) занимает слишком маленький угол — водитель не успевает её считать за долю секунды. Нужен принципиально другой масштаб.
Пассивный режим — телефон в держателе, водитель только смотрит
Тип информации
Минимум iOS (pt)
Минимум Android (dp)
Пример
Главная / критическая
36 pt
36 dp
Поворот через 200 м, входящий звонок
Второстепенная
24 pt
24 dp
Название улицы, имя контакта
Запрещённая зона
< 24 pt
< 24 dp
Мелкие подписи, сноски, любые caption
Важная оговорка: активное взаимодействие за рулём — это уже вопрос Слоя 2, то есть не только про размер текста, но и про то, можно ли вообще делать это действие во время движения. Слой 1 только отвечает на вопрос «видно ли это», но не на вопрос «уместно ли это здесь».
«Мы уменьшили, чтобы всё влезло»
В машине работает обратная логика: если не влезает — убирай информацию, а не уменьшай шрифт. Экран водителя должен содержать меньше, а не показывать всё мельче.
«На макбуке выглядит нормально»
Всегда проверяй на реальном устройстве, закреплённом в держателе на правильном расстоянии. То, что читается с 30 см за рабочим столом, часто нечитаемо с 60 см при тряске и ярком свете.
«Это второстепенная деталь, она необязательна»
Если деталь необязательна — убери её совсем. Если оставляешь — она обязана соответствовать минимуму своего режима. Нет третьего варианта.
Частые ошибки
Мы уже разобрались, что текст в водительском интерфейсе должен быть крупнее обычного. Но размер — только половина задачи. Можно взять правильный кегль и всё равно получить нечитаемый интерфейс, если шрифт слишком тонкий, слишком узкий или слишком декоративный.
Водитель считывает текст боковым зрением, при тряске, иногда в движении взгляда. В таких условиях мозг не «читает» буквы по одной — он распознаёт форму слова целиком, как силуэт. Шрифты, которые хорошо работают в этом режиме, имеют чёткие, предсказуемые формы букв, достаточную толщину штрихов и комфортные пропорции.
Шрифт и начертания
Даже правильный размер не спасёт, если шрифт выбран неверно
Стандарт задаёт диапазон: толщина штриха буквы должна составлять 10–20% от её высоты. Звучит технически, но на практике это легко проверить на глаз и по названию начертания.
Толщина штриха: почему Light убивает читаемость
Разрешённые начертания
  • Regular — базовый вариант, работает всегда
  • Medium — чуть плотнее, хорошо для главной информации
  • SemiBold — для акцентов и критических данных
Запрещённые начертания
  • Thin и UltraLight — штрихи настолько тонкие, что при тряске и боковом взгляде буквы теряют форму и превращаются в линии
  • Light — на первый взгляд кажется читаемым, но при плохом освещении или на солнце деградирует быстро
  • Black и Heavy — противоположная крайность: внутренние просветы букв «о», «е», «а» залипают, слово превращается в тёмное пятно. Исключение — короткие заголовки