Инструмент предпросмотра дизайна циферблата Garmin

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

Это только предпросмотр дизайна. Инструмент не подключается к часам и не создаёт устанавливаемый циферблат.

Что показывает предпросмотр

Циферблат использует макет, который чаще всего встречается у круглых часов:

• дата вверху
• крупное время в центре
• количество шагов и пульс рядом внизу
• безель с делениями часов по краю

Примерные значения можно менять, чтобы оценить дизайн на реалистичных цифрах. Четырёхзначное количество шагов занимает больше места, чем двузначное, а 12-часовой формат добавляет метку AM или PM.

Почему выбраны тёмные цветовые схемы

Большинство круглых часов Garmin используют экран memory-in-pixel или OLED. На OLED-экране тёмный фон расходует меньше энергии, потому что чёрные пиксели просто выключены. Тёмные циферблаты также легче читать при ярком солнце, где светлый фон даёт блики.

Поэтому все заготовки в этом инструменте тёмные. Можно выбрать и светлый фон, но тогда инструмент укажет, что это отступление от обычной практики.

Контрастность и читаемость

Часы читают мельком, часто при плохом освещении или в движении, поэтому контрастность важнее, чем для экрана телефона. Инструмент измеряет коэффициент контрастности между каждым элементом и фоном по формуле WCAG 2.1.

Это соотношение сравнивает относительную яркость двух цветов:

contrast = (L1 + 0.05) ÷ (L2 + 0.05)

L1 — это яркость более светлого цвета, L2 — более тёмного. Результат находится в диапазоне от 1:1, то есть одинаковые цвета, до 21:1 для чёрного на белом.

Стоит запомнить два порога:

• 3:1 — минимум для крупного текста
• 4.5:1 — минимум для текста обычного размера

Время отображается крупно, поэтому для него в принципе достаточно 3:1, но на улице лучше иметь более высокое соотношение. Более мелким подписям нужно 4.5:1 или выше.

Пример

Возьмём фон #0b1020, очень тёмный синий, и белый текст #ffffff. Контрастность составит около 18:1, что удобно читать при любом освещении.

Теперь изменим цвет количества шагов на #2a3a5e, синий, близкий к фону, и соотношение упадёт примерно до 1.6:1. Цифры станут почти неразличимы на расстоянии вытянутой руки, и инструмент отметит это как проблему.

Скачивание дизайна

Кнопка скачивания превращает текущий предпросмотр в изображение PNG размером 320 на 320 пикселей. Изображение создаётся прямо в браузере, ничего не отправляется на сервер. Файл можно использовать как макет, показать для обратной связи или сохранить как ориентир при создании настоящего циферблата в инструментах Garmin Connect IQ.

Часто задаваемые вопросы

Можно ли установить этот циферблат на часы?

Нет. Инструмент создаёт только изображение дизайна. Для создания устанавливаемого циферблата нужен Garmin Connect IQ SDK или Garmin Watch Face Builder.

Почему предпросмотр квадратный, а часы круглые?

Изображение представляет собой квадратный холст с нарисованным внутри круглым циферблатом — так обычно и создают графику для циферблатов. Углы просто не видны на самих часах.

Какой размер должен быть у настоящего циферблата?

Это зависит от модели. Распространённые круглые экраны Garmin имеют размер 240 на 240, 260 на 260 и 416 на 416 пикселей. В предпросмотре используется промежуточный вариант 320 на 320.

Почему на часах цвет выглядит иначе?

Экраны часов отличаются яркостью и цветопередачей, а экраны memory-in-pixel показывают ограниченную палитру. Предпросмотр стоит воспринимать как ориентир, а затем проверять результат на реальном экране.

Что означают числа контрастности?

Это коэффициенты из стандарта доступности WCAG 2.1, того же, что используется для веб-сайтов. Чем выше число, тем легче читать.