Обведённые цифры в рукописном шрифте: как спроектировать серию ①–⑳

Обведённая цифра — это номер и окружающий его контур, которые должны читаться как один знак. Чтобы ряд таких глифов выглядел цельно, сначала определите, где он будет применяться, затем выберите размер круга и способ вписывания однозначных и двузначных чисел. Ниже — порядок проектирования, проверка серии и типичные ошибки, из-за которых метки выглядят тесными или случайными.

Кружок вокруг числа помогает быстро отметить пункт, шаг, вариант или фрагмент схемы. В отличие от обычной цифры, такой знак занимает больше места и несёт две визуальные задачи: показывает значение и задаёт заметную границу. Если просто обвести готовую цифру, контур часто оказывается слишком тяжёлым, а сама цифра — маленькой и оторванной от почерка.

Проблема особенно заметна в серии. Однозначное ① может казаться широким и свободным, а ⑩ — сжатым. Контур ⑧ легко утяжеляется из-за двух внутренних просветов. Если каждую композицию делать отдельно, они не будут выглядеть как родственники. Поэтому сначала задайте общую систему, а затем проверяйте каждый знак в ряду, а не изолированно.

До рисунка ответьте на вопрос: какие именно обозначения нужны? Для короткого чек-листа обычно достаточно ①–⑨ или ①–⑩. Для подробной схемы может потребоваться ряд до ⑳. Иногда нужны также варианты в скобках или квадратной рамке. Не добавляйте все возможные формы автоматически: каждый дополнительный вариант увеличивает объём проверки и усложняет выбор нужного символа.

В стандарте Unicode обведённые числа от одного до двадцати находятся в диапазоне U+2460–U+2473; в таблице они названы Circled Digit One и далее по последовательности до Circled Number Twenty. Проверьте конкретный перечень символов перед подготовкой листа: последовательность состоит не только из однозначных цифр, но и из двузначных чисел. Официальный перечень: официальном перечне Unicode. Наличие кодовой позиции само по себе не означает, что её можно добавить в конкретный шаблон или что символ покажется во всех программах.

Заранее выпишите минимальный состав: начало серии, наибольшие номера, самые сложные по рисунку цифры и все обязательные формы. Для учебной инструкции набор ①–⑩ может быть достаточным; не обещайте себе поддержку ⑪–⑳, если не готовы отдельно проработать плотные двузначные композиции.

Есть два практичных решения. В первом случае круг у всех знаков почти одного диаметра, а цифры остаются примерно одного размера. Тогда двузначные значения приходится делать уже или уменьшать, иначе они касаются кольца. Во втором варианте внутреннее пространство немного увеличивают для двух знаков, чтобы цифры сохраняли близкий к обычным глифам масштаб. Ряд получается свободнее, но сами круги могут различаться по ширине.

Для маркировки шагов и коротких подписей часто важнее одинаковый внешний ритм: круги воспринимаются как отдельные маркеры. Для крупной схемы может быть важнее сохранить крупную цифру и допустить немного более широкие двузначные знаки. Это не выбор между «правильно» и «неправильно» — выберите один принцип под будущую задачу, зафиксируйте его и не меняйте от глифа к глифу.

Не смешивайте без причины цифры разного кегля и разные конструкции кругов. Если ⑩ заметно меньше ①, читатель может принять это за ошибку или другой уровень маркировки. Если контур двузначного знака шире, а цифры при этом так же крупны, увеличение должно выглядеть осознанным и повторяться у всего набора 10–20.

Кольцо должно принадлежать той же системе, что и цифры: похожая толщина штриха, степень наклона, характер окончания и общая мягкость формы. Идеально геометрическая окружность рядом с живой неровной цифрой выглядит как чужая печатная деталь. Но чрезмерно дрожащий контур мешает сразу увидеть знак как обводку.

Нарисуйте несколько колец от руки и выберите не самое «правильное», а устойчивое к уменьшению. Проверьте, остаётся ли форма круглой, если верх или низ слегка уплощён. Если кольцо заваливается в одну сторону, сначала скорректируйте его ось, а не компенсируйте наклон более толстым штрихом.

Между самой выступающей частью цифры и кольцом нужен заметный запас. Он не обязан быть математически одинаковым сверху, снизу и по бокам: рукописные цифры имеют разную оптическую массу. Важно, чтобы ни один штрих не выглядел приклеенным к обводке, а цифра не казалась плавающей в слишком большом пустом поле.

Ориентируйтесь на самые широкие и тяжёлые формы, например 8 и 0. Сначала впишите их в круг, затем сравните более узкие 1 и 7. Если круг проектировать по узкой единице, восьмёрка легко прижмётся к бокам. Если вы задаёте фиксированный внутренний запас, проверяйте его на разных формах, не стараясь подогнать всё под один шаблон механически.

Геометрический центр круга не всегда совпадает с центром цифры. У 1 может быть мало массы слева, у 2 — длинное движение к нижнему правому углу, у 7 — тяжёлая верхняя перекладина. Поставьте знак рядом с другими и слегка передвигайте внутреннюю цифру, пока композиция не перестанет казаться заваленной.

Сравнивайте верхние и нижние поля, а затем смотрите на знак целиком, уменьшив рисунок. Не центрируйте все символы только по крайним точкам контура: внутренний просвет и направление штрихов тоже влияют на восприятие. При этом оптическая поправка должна быть небольшой и объяснимой, иначе один знак начнёт казаться отдельным стилем.

Соберите пробную полосу из ①, ②, ③, ⑥, ⑧, ⑨, ⑩, ⑪ и ⑳. В ней есть узкие, широкие, замкнутые и двузначные формы. Поставьте глифы в строку на одинаковой базовой линии и посмотрите, где появляется скачок внешней ширины, высоты или насыщенности.

Для двузначной композиции проверяйте три расстояния: от первой цифры до левого края кольца, между цифрами и от второй цифры до правого края. Если цифры соприкасаются, попробуйте сначала уменьшить интервал внутри пары, а не весь знак целиком. Если между ними слишком много воздуха, пара распадается на два отдельных значения. Важно сохранить узнаваемость каждой цифры — уплотнение не должно превращать 10 в пятно.

Сравните также круги ⑧, ⑥ и ⑨. Их внутренние просветы рядом с внешним кольцом создают несколько концентрированных контуров. Слишком жирная обводка или слишком маленькая цифра может сделать такие знаки похожими на тёмные пуговицы. Если уменьшение цифры не помогает, измените толщину кольца или немного увеличьте внутреннее поле для всей серии, а не исправляйте только один глиф без общего правила.

Увеличенный рисунок на экране скрывает тесноту. Напечатайте или покажите ряд в том размере, в котором он действительно будет использоваться: рядом с обычным текстом, на экране или в короткой инструкции. Проверьте отдельные знаки и последовательность, например «① … ⑨ … ⑩ … ⑳». Убедитесь, что кружки не забирают у текста слишком много внимания и не сливаются в декоративный орнамент.

Если готовите рукописный шрифт, соберите тестовую фразу с несколькими знаками, затем проверьте их в том же приложении и тем же способом экспорта, что планируете использовать. Квадратик вместо глифа может указывать на отсутствие символа в выбранном наборе или на подстановку другого шрифта. Это отдельная проблема поддержки символа, а не обязательно ошибка самого рисунка.

Обвести цифру случайным кругом. Получается готовая цифра с отдельной рамкой, которая может быть слишком толстой или чужой по наклону. Сначала выберите характер кольца и его отношение к почерку.

Сжать двузначное число до неузнаваемости. Номер формально помещается, но 1, 0 или 2 теряют характер. Лучше заранее выбрать слегка более широкий тип круга или немного уменьшить только цифры в двузначной серии по единому правилу.

Сделать идеально одинаковые отступы везде. Оптическая масса цифр различается, поэтому механически равные поля иногда выглядят неравными. Проверьте соседние глифы и внесите небольшие визуальные поправки.

Проверить только один символ. Удачная ① ничего не говорит о ⑧ или ⑳. Оценивайте набор как систему и включайте трудные формы в пробный ряд.

Путать наличие глифа и его качество. Если знак не отображается после экспорта, сначала проверьте кодовую позицию и поддержку в используемом программном обеспечении, а затем отдельно оцените рисунок.

Можно, если это временная разметка или знак будет использоваться редко. Для цельного набора круг и цифру стоит согласовать по толщине, наклону и внутреннему полю; иначе обводка будет восприниматься как случайно добавленная рамка.

Нет. Выберите диапазон по реальным обозначениям в проекте. Если используются только десять шагов, достаточно подготовить именно их; расширение до двадцати имеет смысл, когда значения действительно нужны и можно качественно проверить двузначные композиции.

Не обязательно. Одинаковая ширина помогает ряду выглядеть как набор маркеров, а переменная может дать двузначным числам больше места. Выберите правило заранее и проверьте, не выглядит ли изменение ширины как случайная ошибка.

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

Проверьте толщину кольца, размер цифр и расстояние между внутренними контурами. Измените один параметр за раз и сравните знаки при уменьшении. Если проблема общая для нескольких круглых цифр, корректируйте серию по одному правилу.

Рисунок и поддержка символа — разные этапы. Уточните, позволяет ли инструмент или шаблон добавить нужную кодовую позицию, а после экспорта проверьте знак в целевом приложении и убедитесь, что он не заменён подстановочным шрифтом.

Обведённые цифры работают как серия, когда кольцо поддерживает почерк, внутренний просвет сохраняет форму, а однозначные и двузначные номера подчиняются одному принципу. Начните с реального списка значений, спроектируйте трудные 8, 10 и 20, затем оцените весь ряд в нужном размере. Если вы превращаете почерк в цифровой шрифт, Fontgenerator поможет начать с базовых рукописных цифр; перед расширением набора проверьте доступность дополнительных символов в выбранном шаблоне.