Nástroj na návrh ciferníka Garmin
Navrhnite a prezrite si okrúhly ciferník s časom, dátumom, počtom krokov a srdcovou frekvenciou. Vyberte tmavé farebné schémy, skontrolujte kontrast podľa WCAG pre lepšiu čitateľnosť a stiahnite návrh ako PNG.
Náhľad dizajnu ciferníka Garmin
Navrhnite okrúhly ciferník v obchodnom štýle a sledujte, ako sa mení podľa vašich úprav. Vyberte tmavú farebnú schému, nastavte ukážkové hodnoty, skontrolujte kontrast a stiahnite výsledok ako obrázok PNG.
Kontrast voči pozadiu
Podľa štandardu WCAG 2.1 je pomer 3:1 minimom pre veľký text a 4.5:1 pre menší text. Vyšší pomer sa lepšie číta na slnku.
Dokumentácia
Tento nástroj zobrazuje náhľad okrúhleho ciferníka priamo v prehliadači. Kreslí rozloženie v obchodnom štýle s časom, dátumom, počtom krokov a srdcovou frekvenciou a umožňuje každý prvok prefarbiť. Náhľad sa aktualizuje pri každej zmene farby a hotový návrh sa dá stiahnuť ako obrázok PNG.
Ide len o náhľad dizajnu. Nástroj sa nepripája k hodinkám a nevytvára ciferník, ktorý by sa dal nainštalovať.
Čo náhľad zobrazuje
Ciferník používa rozloženie, ktoré sa ustálilo u väčšiny okrúhlych hodiniek:
- dátum navrchu
- veľký čas v strede
- počet krokov a srdcovú frekvenciu vedľa seba pod ním
- rámik s ryskami hodín po okraji
Ukážkové hodnoty sa dajú zmeniť, aby sa dizajn posudzoval s reálnymi číslami. Štvorciferný počet krokov zaberie viac miesta ako dvojciferný a 12-hodinový formát pridáva značku AM alebo PM.
Prečo tmavé farebné schémy
Väčšina okrúhlych hodiniek Garmin používa displej typu memory-in-pixel alebo OLED. Na OLED displeji spotrebuje tmavé pozadie menej energie, pretože čierne pixely sú jednoducho vypnuté. Tmavé ciferníky sa tiež lepšie čítajú na jasnom slnku, kde svetlé pozadie odráža svetlo.
Predvoľby v tomto nástroji sú preto všetky tmavé. Dá sa vybrať aj svetlé pozadie, no nástroj upozorní, že to odporuje bežnej praxi.
Kontrast a čitateľnosť
Hodinky sa čítajú letmým pohľadom, často v slabom svetle alebo za pohybu, takže kontrast je dôležitejší ako pri telefóne. Nástroj meria kontrastný pomer medzi každým prvkom a pozadím podľa vzorca WCAG 2.1.
Pomer porovnáva relatívny jas dvoch farieb:
contrast = (L1 + 0.05) ÷ (L2 + 0.05)
L1 je svetlejší jas a L2 tmavší. Výsledok sa pohybuje od 1:1, čo znamená rovnaké farby, až po 21:1 pre čiernu na bielej.
Stoja za zapamätanie dve hranice:
- 3:1 je minimum pre veľký text
- 4.5:1 je minimum pre text bežnej veľkosti
Čas je veľký, takže preň v zásade stačí 3:1, no vonku je lepší vyšší pomer. Menším popiskám prospieva 4.5:1 alebo viac.
Príklad
Vezmime si pozadie #0b1020, veľmi tmavú tmavomodrú, s bielym textom #ffffff. Kontrast je približne 18:1, čo je pohodlné za akéhokoľvek svetla.
Ak sa farba počtu krokov zmení na #2a3a5e, modrú blízku pozadiu, pomer klesne približne na 1.6:1. Číslo je potom na dĺžku ruky takmer neviditeľné a nástroj to označí.
Sťahovanie návrhu
Tlačidlo na stiahnutie premení živý náhľad na PNG s rozmermi 320 na 320 pixelov. Obrázok sa vytvára v prehliadači, nič sa neodosiela na server. Súbor sa dá použiť ako maketa, zdieľať na spätnú väzbu alebo si ho uchovať ako predlohu pri tvorbe skutočného ciferníka v nástrojoch Garmin Connect IQ.
Často kladené otázky
Vytvorí tento nástroj ciferník, ktorý sa dá nainštalovať?
Nie. Vytvára obrázok návrhu. Na tvorbu inštalovateľného ciferníka je potrebné Garmin Connect IQ SDK alebo Garmin Watch Face Builder.
Prečo je náhľad štvorcový, keď sú hodinky okrúhle?
Obrázok je štvorcové plátno s okrúhlym ciferníkom nakresleným vo vnútri, čo je bežný spôsob tvorby grafiky ciferníkov. Rohy sa na hodinkách jednoducho nezobrazujú.
Akú veľkosť má mať skutočný ciferník?
Závisí to od modelu. Bežné okrúhle displeje Garmin majú 240 na 240, 260 na 260 a 416 na 416 pixelov. Náhľad používa ako strednú hodnotu 320 na 320.
Prečo farba na hodinkách vyzerá inak?
Displeje hodiniek sa líšia jasom a podaním farieb a displeje typu memory-in-pixel zobrazujú obmedzenú paletu. Náhľad treba brať ako vodidlo a farbu si potom overiť na skutočnom displeji.
Čo znamenajú čísla kontrastu?
Sú to pomery zo štandardu prístupnosti WCAG 2.1, rovnakej miery, aká sa používa pre webové stránky. Vyššie čísla sa lepšie čítajú.