Narzędzie do podglądu projektu tarczy zegarka Garmin

To narzędzie wyświetla w przeglądarce podgląd okrągłej tarczy zegarka. Rysuje układ w stylu biznesowym z godziną, datą, liczbą kroków i tętnem, a każdemu elementowi można zmienić kolor. Podgląd aktualizuje się wraz ze zmianą kolorów, a gotowy projekt można pobrać jako obraz PNG.

To wyłącznie podgląd projektu. Narzędzie nie łączy się z zegarkiem i nie tworzy tarczy nadającej się do zainstalowania.

Co pokazuje podgląd

Tarcza wykorzystuje układ, na jaki decyduje się większość okrągłych tarcz zegarków:

• data u góry
• duża godzina pośrodku
• liczba kroków i tętno obok siebie poniżej
• ramka ze znacznikami godzin wokół krawędzi

Przykładowe odczyty można zmieniać, aby ocenić projekt na realistycznych liczbach. Czterocyfrowa liczba kroków zajmuje więcej miejsca niż dwucyfrowa, a zegar 12-godzinny dodaje oznaczenie AM lub PM.

Dlaczego ciemne motywy kolorystyczne

Większość okrągłych zegarków Garmin korzysta z ekranu memory-in-pixel lub OLED. Na ekranie OLED ciemne tło zużywa mniej energii, ponieważ czarne piksele są po prostu wyłączone. Ciemne tarcze łatwiej też czytać w mocnym słońcu, gdzie jasne tło odbija światło i razi w oczy.

Z tego powodu wszystkie dostępne tu motywy są ciemne. Nadal można wybrać jasne tło, a narzędzie zaznaczy, że odbiega to od zwykłej praktyki.

Kontrast i czytelność

Zegarek odczytuje się jednym spojrzeniem, często przy słabym świetle lub w ruchu, dlatego kontrast liczy się bardziej niż w telefonie. Narzędzie mierzy współczynnik kontrastu między każdym elementem a tłem, korzystając ze wzoru WCAG 2.1.

Współczynnik porównuje względną jasność dwóch kolorów:

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

L1 to jaśniejsza jasność, a L2 ciemniejsza. Wynik mieści się w zakresie od 1:1, czyli identycznych kolorów, do 21:1 dla czerni na bieli.

Warto znać dwie wartości progowe:

• 3:1 to minimum dla dużego tekstu
• 4.5:1 to minimum dla tekstu o zwykłym rozmiarze

Godzina jest wyświetlana dużą czcionką, więc w zasadzie wystarczy jej 3:1, ale na zewnątrz lepszy jest wyższy współczynnik. Mniejsze etykiety zyskują na 4.5:1 lub więcej.

Przykład

Weźmy tło #0b1020, bardzo ciemny granat, z białym tekstem #ffffff. Kontrast wynosi około 18:1, co jest wygodne w każdym świetle.

Zmieniając kolor liczby kroków na #2a3a5e, niebieski zbliżony do tła, współczynnik spada do około 1.6:1. Liczba staje się wtedy niemal niewidoczna z odległości wyciągniętej ręki, a narzędzie to sygnalizuje.

Pobieranie projektu

Przycisk pobierania zamienia bieżący podgląd w plik PNG o wymiarach 320 na 320 pikseli. Obraz jest tworzony w przeglądarce; nic nie jest przesyłane na serwer. Plik można wykorzystać jako makietę, udostępnić w celu uzyskania opinii lub zachować jako punkt odniesienia podczas budowania rzeczywistej tarczy w narzędziach Garmin Connect IQ.

Najczęściej zadawane pytania

Czy to tworzy tarczę, którą mogę zainstalować?

Nie. Narzędzie tworzy jedynie obraz projektu. Zbudowanie tarczy nadającej się do zainstalowania wymaga Garmin Connect IQ SDK lub Garmin Watch Face Builder.

Dlaczego podgląd jest kwadratowy, skoro zegarek jest okrągły?

Obraz to kwadratowe płótno z okrągłą tarczą narysowaną w środku, co jest standardowym sposobem tworzenia grafiki tarcz zegarków. Rogi po prostu nie są widoczne na zegarku.

Jaki rozmiar powinna mieć prawdziwa tarcza zegarka?

Zależy to od modelu. Popularne okrągłe ekrany Garmin mają rozmiary 240 na 240, 260 na 260 i 416 na 416 pikseli. Podgląd używa rozmiaru 320 na 320 jako wartości pośredniej.

Dlaczego mój kolor wygląda inaczej na zegarku?

Ekrany zegarków różnią się jasnością i odwzorowaniem kolorów, a ekrany memory-in-pixel wyświetlają ograniczoną paletę. Traktuj podgląd jako wskazówkę, a następnie sprawdź kolor na rzeczywistym ekranie.

Co oznaczają liczby kontrastu?

To współczynniki ze standardu dostępności WCAG 2.1, tej samej miary, jakiej używa się w przypadku stron internetowych. Wyższe liczby oznaczają lepszą czytelność.