Garmin-kellotaulun suunnittelun esikatselutyökalu
Suunnittele ja esikatsele pyöreä kellotaulu, jossa on kellonaika, päivämäärä, askeleet ja syke. Valitse tummia väriteemoja, tarkista WCAG-kontrasti luettavuuden vuoksi ja lataa suunnitelma PNG-tiedostona.
Garmin-kellotaulun suunnittelun esikatselu
Suunnittele pyöreä, liikemiesmäinen kellotaulu ja katso, miten se päivittyy muutosten myötä. Valitse tumma väriteema, aseta esimerkkilukemat, tarkista kontrasti ja lataa tulos PNG-tiedostona.
Kontrasti taustaan nähden
WCAG 2.1 -standardin mukaan suhde 3:1 on vähimmäisvaatimus suurelle tekstille ja 4.5:1 pienemmälle tekstille. Mitä korkeampi suhde, sitä helpompi tekstiä on lukea auringonvalossa.
Dokumentaatio
Tämä työkalu esikatselee pyöreän kellotaulun selaimessa. Se piirtää liikemiesmäisen asettelun, jossa on kellonaika, päivämäärä, askelmäärä ja syke, ja jokaisen elementin värin voi vaihtaa. Esikatselu päivittyy värejä muuttaessa, ja valmiin suunnitelman voi ladata PNG-kuvana.
Kyseessä on vain suunnittelun esikatselu. Se ei yhdisty kelloon eikä tuota asennettavaa kellotaulua.
Mitä esikatselu näyttää
Kellotaulu käyttää asettelua, johon useimmat pyöreät kellotaulut päätyvät:
- päivämäärä yläreunassa
- suuri kellonaika keskellä
- askelmäärä ja syke rinnakkain alapuolella
- kehys tuntimerkeillä reunan ympärillä
Esimerkkilukemia voi muuttaa, jotta suunnittelua voi arvioida realistisilla luvuilla. Nelinumeroinen askelmäärä vie enemmän tilaa kuin kaksinumeroinen, ja 12 tunnin kello lisää AM- tai PM-merkinnän.
Miksi tummia väriteemoja
Useimmat pyöreät Garmin-kellot käyttävät memory-in-pixel- tai OLED-näyttöä. OLED-näytöllä tumma tausta kuluttaa vähemmän virtaa, koska mustat pikselit ovat yksinkertaisesti pois päältä. Tummat kellotaulut ovat myös helpompilukuisia kirkkaassa auringonvalossa, jossa vaalea tausta heijastaa häikäisyä.
Siksi kaikki tämän työkalun esiasetukset ovat tummia. Vaalean taustan voi silti valita, ja työkalu huomauttaa, että se poikkeaa yleisestä käytännöstä.
Kontrasti ja luettavuus
Kelloa luetaan silmäyksellä, usein heikossa valossa tai liikkeessä, joten kontrasti on tärkeämpi kuin puhelimessa. Työkalu mittaa kontrastisuhteen jokaisen elementin ja taustan välillä WCAG 2.1 -kaavalla.
Suhde vertaa kahden värin suhteellista luminanssia:
contrast = (L1 + 0.05) ÷ (L2 + 0.05)
L1 on vaaleampi luminanssi ja L2 tummempi. Tulos vaihtelee arvosta 1:1, joka tarkoittaa identtisiä värejä, arvoon 21:1, joka vastaa mustaa valkoisella.
Kaksi raja-arvoa kannattaa tuntea:
- 3:1 on vähimmäisvaatimus suurelle tekstille
- 4.5:1 on vähimmäisvaatimus normaalikokoiselle tekstille
Kellonaika on suuri, joten periaatteessa 3:1 riittää sille, mutta korkeampi suhde on parempi ulkona. Pienemmät tekstit hyötyvät arvosta 4.5:1 tai enemmän.
Esimerkki
Otetaan tausta #0b1020, hyvin tumma laivastonsininen, ja valkoinen teksti #ffffff. Kontrasti on noin 18:1, mikä on miellyttävä missä tahansa valossa.
Kun askelmäärän väri vaihdetaan väriin #2a3a5e, joka on lähellä taustaa, suhde laskee noin arvoon 1.6:1. Luku on silloin lähes näkymätön käsivarren mitalta, ja työkalu merkitsee sen ongelmalliseksi.
Suunnitelman lataaminen
Latauspainike muuttaa reaaliaikaisen esikatselun PNG-kuvaksi, jonka koko on 320 kertaa 320 pikseliä. Kuva luodaan selaimessa; mitään ei lähetetä palvelimelle. Tiedostoa voi käyttää mallikappaleena, jakaa palautetta varten tai säilyttää viitteenä, kun oikeaa kellotaulua rakennetaan Garminin Connect IQ -työkaluilla.
Usein kysytyt kysymykset
Luoko tämä asennettavan kellotaulun?
Ei. Se tuottaa kuvan suunnitelmasta. Asennettavan kellotaulun rakentamiseen tarvitaan Garminin Connect IQ -kehityspaketti tai Garmin Watch Face Builder.
Miksi esikatselu on neliönmuotoinen, vaikka kello on pyöreä?
Kuva on neliönmuotoinen kangas, jonka sisään on piirretty pyöreä kellotaulu, ja näin kellotaulujen grafiikka yleensä tehdään. Kulmia ei yksinkertaisesti näytetä kellossa.
Minkä kokoinen oikean kellotaulun pitäisi olla?
Se riippuu mallista. Yleiset pyöreät Garmin-näytöt ovat 240 kertaa 240, 260 kertaa 260 ja 416 kertaa 416 pikseliä. Esikatselu käyttää keskitasoisena arvona 320 kertaa 320.
Miksi väri näyttää kellossa erilaiselta?
Kellonäyttöjen kirkkaus ja värintoisto vaihtelevat, ja memory-in-pixel-näytöt näyttävät rajoitetun värivalikoiman. Esikatselua kannattaa pitää suuntaa antavana ja tarkistaa lopuksi oikea näyttö.
Mitä kontrastiluvut tarkoittavat?
Ne ovat suhdelukuja WCAG 2.1 -esteettömyysstandardista, samaa mittaria, jota käytetään verkkosivustoilla. Suuremmat luvut ovat helpompilukuisia.