Nástroj pro náhled designu ciferníku Garmin

Tento nástroj zobrazuje v prohlížeči náhled kulatého ciferníku. Kreslí rozvržení v obchodním stylu s časem, datem, počtem kroků a tepovou frekvencí a umožňuje přebarvit každý prvek zvlášť. Náhled se aktualizuje při každé změně barev a hotový design lze stáhnout jako obrázek PNG.

Jde jen o náhled designu. Nepřipojuje se k hodinkám a nevytváří instalovatelný ciferník.

Co náhled zobrazuje

Ciferník používá rozvržení, na kterém se shoduje většina kulatých hodinek:

• datum nahoře napříč
• čas velkým písmem uprostřed
• počet kroků a tepovou frekvenci vedle sebe pod ním
• rámeček s ryskami hodin po obvodu

Vzorové hodnoty lze měnit, aby se design posuzoval s reálnými čísly. Čtyřmístný počet kroků zabere více místa než dvoumístný a 12hodinový formát přidává značku AM nebo PM.

Proč tmavé barevné palety

Většina kulatých hodinek Garmin používá displej memory-in-pixel nebo OLED. U OLED displeje spotřebuje tmavé pozadí méně energie, protože černé pixely se prostě vypnou. Tmavé ciferníky se také lépe čtou na jasném slunci, kde světlé pozadí odráží záři.

Předvolby zde jsou proto všechny tmavé. Přesto lze zvolit světlé pozadí a nástroj upozorní, že se tím odchyluje od obvyklé praxe.

Kontrast a čitelnost

Hodinky se čtou na jeden pohled, často za špatného světla nebo za pohybu, takže kontrast je důležitější než u telefonu. Nástroj měří poměr kontrastu mezi každým prvkem a pozadím pomocí vzorce WCAG 2.1.

Poměr porovnává relativní jas dvou barev:

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

L1 je světlejší jas a L2 tmavší. Výsledek se pohybuje od 1:1, tedy shodné barvy, až po 21:1 pro černou na bílé.

Důležité jsou dva prahy:

• 3:1 je minimum pro velký text
• 4.5:1 je minimum pro text běžné velikosti

Čas je velký, takže mu v zásadě stačí 3:1, ale vyšší poměr je venku lepší. Menší popisky těží z hodnoty 4.5:1 nebo vyšší.

Příklad

Při pozadí #0b1020, velmi tmavé námořnické modři, s bílým textem #ffffff vychází kontrast přibližně 18:1, což je pohodlné při jakémkoli světle.

Změní-li se barva počtu kroků na #2a3a5e, modrou blízkou pozadí, poměr klesne na zhruba 1.6:1. Číslo je pak z délky paže téměř neviditelné a nástroj to označí.

Stažení designu

Tlačítko pro stažení převede živý náhled na PNG o rozměru 320 na 320 pixelů. Obrázek se vytváří v prohlížeči, nic se nikam nenahrává. Soubor lze použít jako návrh, sdílet pro zpětnou vazbu nebo uchovat jako referenci při tvorbě skutečného ciferníku v nástrojích Garmin Connect IQ.

Často kladené otázky

Vytváří to ciferník, který mohu nainstalovat?

Ne. Vytváří obrázek designu. Vytvoření instalovatelného ciferníku vyžaduje Garmin Connect IQ SDK nebo Garmin Watch Face Builder.

Proč je náhled čtvercový, když jsou hodinky kulaté?

Obrázek je čtvercové plátno s kulatým ciferníkem nakresleným uvnitř, tak se grafika ciferníků obvykle vytváří. Rohy se na hodinkách jednoduše nezobrazují.

Jakou velikost by měl mít skutečný ciferník?

Záleží na modelu. Běžné kulaté displeje Garmin mají 240 na 240, 260 na 260 a 416 na 416 pixelů. Náhled používá jako střední hodnotu 320 na 320.

Proč moje barva vypadá na hodinkách jinak?

Displeje hodinek se liší jasem a reprodukcí barev a displeje memory-in-pixel zobrazují omezenou paletu. Náhled je třeba brát jako vodítko a poté zkontrolovat skutečný displej.

Co znamenají čísla kontrastu?

Jde o poměry ze standardu přístupnosti WCAG 2.1, stejné míry používané pro webové stránky. Vyšší čísla se čtou snáz.