Garmin Kadran Tasarım Önizleme Aracı
Saat, tarih, adım sayısı ve nabızlı yuvarlak bir kadran tasarlayın ve önizleyin. Koyu renk şemaları seçin, okunabilirlik için WCAG kontrastını kontrol edin ve tasarımı PNG olarak indirin.
Garmin Kadran Tasarım Önizlemesi
İş tarzında, yuvarlak bir kadran tasarlayın ve değişiklik yaptıkça sonucu anında görün. Koyu bir renk şeması seçin, örnek okumaları ayarlayın, kontrastı kontrol edin ve sonucu PNG olarak indirin.
Arka plana göre kontrast
WCAG 2.1 standardına göre büyük metin için asgari oran 3:1, daha küçük metin için 4.5:1'dir. Oran ne kadar yüksekse güneş ışığında okumak o kadar kolaydır.
Belgeler
Bu araç, tarayıcıda yuvarlak bir kadranı önizler. Saat, tarih, adım sayısı ve nabzı içeren iş tarzında bir düzen çizer ve her öğenin rengi yeniden ayarlanabilir. Renkler değiştikçe önizleme güncellenir ve tamamlanan tasarım PNG görsel olarak indirilebilir.
Bu yalnızca bir tasarım önizlemesidir. Bir saate bağlanmaz ve kurulabilir bir kadran üretmez.
Önizleme neyi gösterir
Kadran, çoğu yuvarlak kadranın benimsediği düzeni kullanır:
- üstte tarih
- ortada büyük saat
- altta yan yana adım sayısı ve nabız
- kenarda saat işaretleriyle bir çerçeve
Örnek okumalar değiştirilebilir, böylece tasarım gerçekçi sayılarla değerlendirilir. Dört haneli bir adım sayısı, iki haneli olandan daha fazla yer kaplar ve 12 saatlik bir saat AM veya PM işareti ekler.
Neden koyu renk şemaları
Çoğu yuvarlak Garmin saati memory-in-pixel veya OLED ekran kullanır. OLED ekranda koyu bir arka plan daha az güç harcar, çünkü siyah pikseller basitçe kapatılır. Koyu kadranlar ayrıca parlak güneş ışığında da daha kolay okunur; açık renkli bir arka plan yansıma yapar.
Buradaki şablonların tümü bu nedenle koyudur. Yine de açık renkli bir arka plan seçilebilir ve araç bunun alışılmış uygulamadan farklı olduğunu belirtir.
Kontrast ve okunabilirlik
Bir saat genellikle kısa bir bakışla, çoğunlukla zayıf ışıkta ya da hareket halindeyken okunur, bu yüzden kontrast telefonda olduğundan daha önemlidir. Araç, her öğe ile arka plan arasındaki kontrast oranını WCAG 2.1 formülüyle ölçer.
Bu oran iki rengin göreli parlaklığını karşılaştırır:
contrast = (L1 + 0.05) ÷ (L2 + 0.05)
L1 daha açık rengin parlaklığı, L2 ise daha koyu rengin parlaklığıdır. Sonuç, aynı renkler anlamına gelen 1:1'den, siyah üzerine beyaz için 21:1'e kadar değişir.
Bilinmesi gereken iki eşik değer vardır:
- 3:1, büyük metin için asgari değerdir
- 4.5:1, normal boyuttaki metin için asgari değerdir
Saat büyük olduğundan teoride 3:1 yeterlidir, ancak açık havada daha yüksek bir oran daha iyidir. Daha küçük etiketler 4.5:1 veya üzeri değerden fayda görür.
Örnek
Çok koyu bir lacivert olan #0b1020 arka planını, beyaz metin #ffffff ile birlikte ele alalım. Kontrast yaklaşık 18:1'dir, bu da her türlü ışıkta rahat okunabilir.
Adım sayısı rengini arka plana yakın bir mavi olan #2a3a5e olarak değiştirin, oran yaklaşık 1.6:1'e düşer. Sayı bu durumda kol mesafesinde neredeyse görünmez hale gelir ve araç bunu işaretler.
Tasarımı indirme
İndirme düğmesi canlı önizlemeyi 320 x 320 piksellik bir PNG'ye dönüştürür. Görsel tarayıcıda oluşturulur; hiçbir şey yüklenmez. Dosya bir taslak olarak kullanılabilir, geri bildirim için paylaşılabilir veya Garmin'in Connect IQ araçlarıyla gerçek kadranı oluştururken referans olarak saklanabilir.
Sıkça sorulan sorular
Bu araç kurulabilir bir kadran oluşturur mu?
Hayır. Yalnızca bir tasarımın görselini üretir. Kurulabilir bir kadran oluşturmak için Garmin'in Connect IQ SDK'sı veya Garmin Watch Face Builder gerekir.
Saat yuvarlakken önizleme neden kare?
Görsel, içine yuvarlak kadranın çizildiği kare bir tuvaldir; kadran görselleri genellikle bu şekilde hazırlanır. Köşeler saatte basitçe gösterilmez.
Gerçek bir kadran hangi boyutta olmalıdır?
Bu, modele bağlıdır. Yaygın yuvarlak Garmin ekranları 240x240, 260x260 ve 416x416 pikseldir. Önizleme, orta bir değer olarak 320x320 kullanır.
Rengim saatte neden farklı görünüyor?
Saat ekranları parlaklık ve renk tekrarında farklılık gösterir ve memory-in-pixel ekranlar sınırlı bir palet gösterir. Önizlemeyi bir kılavuz olarak kabul edin, ardından gerçek ekranı kontrol edin.
Kontrast sayıları ne anlama gelir?
Bunlar, web siteleri için kullanılan aynı ölçüyle, WCAG 2.1 erişilebilirlik standardından gelen oranlardır. Daha yüksek sayılar daha kolay okunabilir anlamına gelir.