4 заметки с меткой шрифт

Плавная бегущая строка с наклоном

Кажется, что на бегущей строке в поездах метро и МЦК используются наклонные буквы, примерно такие:

Буквы с плавным наклономБуквы с плавным наклоном

Но как такое возможно? Ведь сетка светодиодов квадратно-гнездовая квадратная.

Очевидно, что нельзя нарисовать наклонные буквы в такой сетке без ступенек:

Стрелки указывают на некрасивые изломы буквСтрелки указывают на некрасивые изломы букв

Но ступенек на буквах не было, или мой мозг их не замечал. Чтобы разобраться в этом обмане зрения, я сделал фото и видео двух панелей бегущей строки.

Панель без наклона

Для сравнения вот другая панель, которая расположена на станции.

Ровные буквы, стопкадрРовные буквы, стопкадр

На видео буквы остаются ровными. Движение строки скачкообразное: буквы перемещаются за 1 шаг на длину одного светодиода.

Панель с наклоном

А вот бегущая строка с псевдонаклонными буквами. Её не получилось заснять с первого раза из-за мерцания:

Мерцания на бегущей строкеМерцания на бегущей строке

Если увеличить выдержку при съёмке, видно, что буквы рисуются не сразу целиком, а построчно (имеется в виду строка светодиодов). Развёртка идёт сверху вниз группами строк, это хорошо заметно на видео.

Обратите внимание на букву С в начале нижней строки (это бегущая строка). Верхние цифры статичны, и поэтому они остаются ровными:

Наклонная С в начале бегущей строкиНаклонная С в начале бегущей строки

Измените скорость видео на значение 0.25, чтобы заметить, как загораются буквы:

Похоже, что параметры развёртки подобраны таким образом, чтобы мы ощущали плавное движение букв. Плавность создаётся за счёт того, что в один момент видна только верхняя часть строчки, а в другой момент — нижняя. Из двух (или более) таких кадров наш мозг складывает полную картину. Тем временем строчка движется дальше, и мозг не успевает отследить отдельные кадры. По аналогичному принципу быстро мигающая белая точка покажется нам 50%-серой. А наклон букв — побочный эффект. Без наклона пришлось бы двигать буквы строго по пикселям, и тогда не было бы плавности движения.

У меня не получилось наглядно заснять этот эффект на камеру. Чтобы увидеть его «как есть», прокатитесь в метро или по МЦК.

Самый мелкий шрифт

При каком самом минимальном размере шрифта
буквы русского алфавита всё ещё распознаются?

  • 13px: Муха села на варенье, вот и всё стихотворенье.
  • 9px: Муха села на варенье, вот и всё стихотворенье.
  • 6px: Муха села на варенье, вот и всё стихотворенье.
  • 5px: Муха села на варенье, вот и всё стихотворенье.

Слова, набранные мелким шрифтом, угадываются по буквам простой формы: У, О, Т...

Посмотрим поближе на пятипиксельный шрифт:

Буквы У и О вполне читабельныБуквы У и О вполне читабельны

Итак, первая прикидка показала, что 4 пикселей по высоте достаточно, чтобы с трудом, но всё-таки прочитать русский текст.
Откуда 4 пикселя? → 3 пикселя + выносной элемент (1 пиксель) у таких букв, как Р, У, Ь...

▼ Читать дальше

Как нарисовать микрошрифт

Микрошрифт не предназначен для чтения, но иногда нужен для иконок или пиктограмм.

Микротаблица МенделееваМикротаблица Менделеева

▼ Читать дальше

Сглаживание шрифтов

Сравним различные способы сглаживания:

Слева обычное сглаживание, справа — включена специальная программаСлева обычное сглаживание, справа — включена специальная программа

▼ Читать дальше

Иван ТитовИван Титов
Фрилансер, музыкант, физтех по жизни, семьянин, философ.
© 2004...2017