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

Този инструмент визуализира в браузъра циферблат на кръгъл часовник. Той изобразява оформление в делови стил с часа, датата, броя на стъпките и пулса и позволява всеки елемент да бъде преоцветен. Визуализацията се обновява при промяна на цветовете, а готовият дизайн може да бъде изтеглен като PNG изображение.

Това е само визуализация на дизайн. Тя не се свързва с часовник и не създава циферблат, който може да бъде инсталиран.

Какво показва визуализацията

Циферблатът използва оформлението, към което се придържат повечето кръгли циферблати:

• датата в горната част
• часът, изписан с големи цифри в средата
• броят на стъпките и пулсът един до друг под него
• безел с часови деления по периферията

Примерните показания могат да се променят, за да бъде дизайнът оценен с реалистични числа. Четирицифрен брой стъпки заема повече място от двуцифрен, а часовникът с 12 часа добавя обозначение за AM или PM.

Защо цветовите схеми са тъмни

Повечето кръгли часовници Garmin използват дисплей с памет в пиксела или OLED дисплей. При OLED екран тъмният фон използва по-малко енергия, тъй като черните пиксели просто се изключват. Тъмните циферблати се разчитат и по-лесно на ярка слънчева светлина, когато светлият фон отразява отблясъците.

Предварително зададените варианти тук са тъмни по тази причина. Все пак може да бъде избран светъл фон и инструментът ще посочи, че това се отклонява от обичайната практика.

Контраст и четливост

Часовникът се разчита с един поглед, често при лошо осветление или в движение, затова контрастът е по-важен, отколкото при телефон. Инструментът измерва коефициента на контраст между всеки елемент и фона чрез формулата WCAG 2,1.

Коефициентът сравнява относителната яркост на два цвята:

$C = \frac{L_{1} + 0.05}{L_{2} + 0.05}$

където C е коефициентът на контраст.

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 пиксела. Изображението се генерира в браузъра и нищо не се качва. Файлът може да се използва като макет, да се сподели за обратна връзка или да се съхранява като справка при създаването на истинския циферблат с инструментите Connect IQ на Garmin.

Често задавани въпроси

Създава ли това циферблат, който мога да инсталирам?

Не. То създава изображение на дизайн. За създаването на циферблат, който може да бъде инсталиран, е необходим SDK на Garmin Connect IQ или Garmin Watch Face Builder.

Защо визуализацията е квадратна, когато часовникът е кръгъл?

Изображението е квадратно платно с начертан кръгъл циферблат в него, както обикновено се създава графика за циферблат. Ъглите просто не се показват на часовника.

Какъв трябва да бъде размерът на истинския циферблат?

Зависи от модела. Разпространените кръгли дисплеи на Garmin са с размер 240 на 240, 260 на 260 и 416 на 416 пиксела. Визуализацията използва 320 на 320 като междинен размер.

Защо цветът ми изглежда различно на часовника?

Дисплеите на часовниците се различават по яркост и възпроизвеждане на цветовете, а дисплеите с памет в пиксела показват ограничена палитра. Приемайте визуализацията като ориентир, след което проверете реалния екран.

Какво означават числата за контраста?

Това са коефициенти от стандарта за достъпност WCAG 2,1, същата мярка, която се използва за уебсайтове. По-високите стойности се разчитат по-лесно.