Инструмент за преглед на дизайн на циферблат за Garmin
Проектирайте и прегледайте кръгъл циферблат с час, дата, крачки и пулс. Изберете тъмни цветови схеми, проверете контраста по WCAG за четимост и изтеглете дизайна като PNG.
Преглед на дизайн на циферблат за Garmin
Проектирайте кръгъл циферблат в делови стил и вижте как се обновява при промяна. Изберете тъмна цветова схема, задайте примерни стойности, проверете контраста и изтеглете резултата като PNG.
Контраст спрямо фона
Според WCAG 2.1 съотношение от 3:1 е минимумът за едър текст и 4.5:1 за по-дребен текст. По-високата стойност се чете по-лесно на слънце.
Документация
Този инструмент показва преглед на кръгъл циферблат в браузъра. Той изчертава оформление в делови стил с часа, датата, броя крачки и пулса, като всеки елемент може да бъде оцветен отделно. Прегледът се обновява при промяна на цветовете, а готовият дизайн може да бъде изтеглен като PNG изображение.
Това е само визуален преглед. Той не се свързва с часовник и не създава инсталируем циферблат.
Какво показва прегледът
Циферблатът използва оформлението, към което се придържат повечето кръгли часовници:
- датата в горната част
- часа с едър шрифт в средата
- броя крачки и пулса един до друг под него
- рамка с деления за часовете по края
Примерните стойности могат да бъдат променяни, за да се прецени дизайнът с реалистични числа. Четирицифрен брой крачки заема повече място от двуцифрен, а 12-часовият формат добавя означение за преди или след обяд.
Защо тъмни цветови схеми
Повечето кръгли часовници на 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, същата мярка, използвана за уебсайтове. По-високите числа са по-лесни за четене.