Інструмент попереднього перегляду дизайну циферблата 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, тієї самої міри, яку використовують для вебсайтів. Вищі числа означають, що текст легше читати.