Preskoči na sadržaj

Alat za dizajn Garmin izgleda sata

Dizajnirajte i pregledajte okrugli izgled sata s vremenom, datumom, koracima i otkucajima srca. Odaberite tamne sheme boja, provjerite WCAG kontrast za čitljivost i preuzmite dizajn kao PNG.

Pregled dizajna Garmin izgleda sata

Dizajnirajte okrugli poslovni izgled sata i pratite promjene uživo. Odaberite tamnu shemu boja, postavite primjere očitanja, provjerite kontrast i preuzmite rezultat kao PNG.

MON 2110:098,432KORACI62PULS
Unaprijed postavljena shema boja
Boje elemenata
Primjeri očitanja

Kontrast u odnosu na pozadinu

Vrijeme
18.9:1
Datum
7.3:1
Koraci
9.8:1
Otkucaji srca
6.9:1

Omjer 3:1 minimalan je za veliki tekst, a 4.5:1 za manji tekst, prema WCAG 2.1. Veći omjer lakše je čitati na suncu.

Kalkulator učitavanja...
📚

Dokumentacija

Ovaj alat prikazuje pregled okruglog izgleda sata izravno u pregledniku. Prikazuje poslovni raspored s vremenom, datumom, brojem koraka i otkucajima srca, a boju svakog elementa moguće je promijeniti. Pregled se ažurira čim se boje promijene, a gotov dizajn može se preuzeti kao PNG slika.

Riječ je isključivo o pregledu dizajna. Alat se ne povezuje sa satom i ne izrađuje izgled sata koji se može instalirati.

Što prikazuje pregled

Izgled koristi raspored kakav ima većina okruglih izgleda sata:

  • datum pri vrhu
  • veliko vrijeme u sredini
  • broj koraka i otkucaje srca jedan pored drugog ispod
  • okvir s crticama za sate oko ruba

Primjeri očitanja mogu se promijeniti kako bi se dizajn ocijenio s realističnim brojevima. Četveroznamenkasti broj koraka zauzima više prostora od dvoznamenkastog, a 12-satni prikaz dodaje oznaku AM ili PM.

Zašto tamne sheme boja

Većina okruglih Garmin satova koristi memory-in-pixel ili OLED zaslon. Na OLED zaslonu tamna pozadina troši manje energije jer su crni pikseli jednostavno isključeni. Tamne izglede također je lakše čitati na jakom suncu, gdje svijetla pozadina stvara odsjaj.

Zbog toga su sve ponuđene sheme ovdje tamne. Svijetla pozadina i dalje se može odabrati, a alat će upozoriti da to odstupa od uobičajene prakse.

Kontrast i čitljivost

Sat se čita u prolazu, često u slabom svjetlu ili u pokretu, pa je kontrast važniji nego kod telefona. Alat mjeri omjer kontrasta između svakog elementa i pozadine prema formuli WCAG 2.1.

Omjer uspoređuje relativnu svjetlinu (luminanciju) dviju boja:

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

L1 je svjetlija luminancija, a L2 tamnija. Rezultat se kreće od 1:1, što znači identične boje, do 21:1 za crno na bijelom.

Vrijedi zapamtiti dva praga:

  • 3:1 je minimum za veliki tekst
  • 4.5:1 je minimum za tekst normalne veličine

Vrijeme je veliko, pa je 3:1 u načelu dovoljno, ali viši omjer bolji je na otvorenom. Manje oznake imaju korist od 4.5:1 ili više.

Primjer

Uzmimo pozadinu #0b1020, vrlo tamnu mornarsko plavu, s bijelim tekstom #ffffff. Kontrast iznosi otprilike 18:1, što je udobno za čitanje u bilo kojem svjetlu.

Promijenimo li boju broja koraka u #2a3a5e, plavu boju blisku pozadini, omjer pada na otprilike 1.6:1. Broj tada postaje gotovo nevidljiv na udaljenosti ispružene ruke, a alat to upozorava.

Preuzimanje dizajna

Gumb za preuzimanje pretvara pregled uživo u PNG dimenzija 320 x 320 piksela. Slika se generira u pregledniku i ništa se ne šalje na poslužitelj. Datoteka se može koristiti kao skica, podijeliti radi povratnih informacija ili čuvati kao referenca pri izradi stvarnog izgleda u Garminovim Connect IQ alatima.

Često postavljana pitanja

Stvara li ovaj alat izgled sata koji mogu instalirati?

Ne. Alat izrađuje sliku dizajna. Za izradu izgleda sata koji se može instalirati potreban je Garminov Connect IQ SDK ili Garmin Watch Face Builder.

Zašto je pregled kvadratan kad je sat okrugao?

Slika je kvadratno platno s okruglim izgledom nacrtanim unutar njega, a tako se grafika za izgled sata obično i izrađuje. Kutovi jednostavno nisu prikazani na satu.

Koje dimenzije treba imati stvarni izgled sata?

Ovisi o modelu. Uobičajeni okrugli Garmin zasloni imaju 240 x 240, 260 x 260 i 416 x 416 piksela. Pregled koristi 320 x 320 kao srednju vrijednost.

Zašto moja boja na satu izgleda drukčije?

Zasloni satova razlikuju se po svjetlini i reprodukciji boja, a memory-in-pixel zasloni prikazuju ograničenu paletu boja. Pregled shvatite kao smjernicu, a zatim provjerite na stvarnom zaslonu.

Što znače brojevi kontrasta?

Riječ je o omjerima iz standarda pristupačnosti WCAG 2.1, iste mjere koja se koristi za web-stranice. Veći brojevi lakše se čitaju.