Lewati ke konten

Alat Pratinjau Desain Tampilan Jam Garmin

Rancang dan pratinjau tampilan jam bundar dengan waktu, tanggal, langkah, dan detak jantung. Pilih skema warna gelap, periksa kontras WCAG untuk keterbacaan, dan unduh desainnya sebagai PNG.

Pratinjau Desain Tampilan Jam Garmin

Rancang tampilan jam bundar bergaya bisnis dan lihat perubahannya secara langsung. Pilih skema warna gelap, atur contoh data, periksa kontras, lalu unduh hasilnya sebagai PNG.

MON 2110:098,432STEP62BPM
Preset warna
Warna elemen
Contoh data

Kontras terhadap latar belakang

Waktu
18.9:1
Tanggal
7.3:1
Langkah
9.8:1
Detak jantung
6.9:1

Rasio 3:1 adalah nilai minimum untuk teks besar dan 4.5:1 untuk teks yang lebih kecil, mengikuti standar WCAG 2.1. Semakin tinggi rasionya, semakin mudah dibaca di bawah sinar matahari.

Kalkulator pemuatan...
๐Ÿ“š

Dokumentasi

Alat ini menampilkan pratinjau tampilan jam bundar di peramban. Alat ini menggambar tata letak bergaya bisnis dengan waktu, tanggal, jumlah langkah, dan detak jantung, serta memungkinkan setiap elemen diberi warna baru. Pratinjau ini diperbarui setiap kali warna diubah, dan desain akhirnya dapat diunduh sebagai gambar PNG.

Ini hanya pratinjau desain. Alat ini tidak terhubung ke jam dan tidak menghasilkan tampilan jam yang bisa dipasang.

Yang Ditampilkan Pratinjau

Tampilan jam ini menggunakan tata letak yang umum dipakai oleh sebagian besar tampilan jam bundar:

  • tanggal di bagian atas
  • waktu berukuran besar di tengah
  • jumlah langkah dan detak jantung berdampingan di bawahnya
  • bezel dengan penanda jam di sekeliling tepinya

Contoh data dapat diubah agar desain dinilai dengan angka yang realistis. Jumlah langkah empat digit membutuhkan lebih banyak ruang dibandingkan dua digit, dan format 12 jam menambahkan penanda AM atau PM.

Mengapa Skema Warna Gelap

Sebagian besar jam Garmin bundar menggunakan layar memory-in-pixel atau OLED. Pada layar OLED, latar belakang gelap menggunakan daya lebih sedikit karena piksel hitam cukup dimatikan. Tampilan jam gelap juga lebih mudah dibaca di bawah sinar matahari terik, karena latar belakang terang memantulkan silau.

Karena itu, semua preset di sini bernuansa gelap. Latar belakang terang tetap dapat dipilih, dan alat ini akan memberi tahu bahwa pilihan tersebut menyimpang dari kebiasaan umum.

Kontras dan Keterbacaan

Jam dibaca sekilas, sering kali dalam cahaya redup atau saat bergerak, sehingga kontras lebih penting dibandingkan pada ponsel. Alat ini mengukur rasio kontras antara setiap elemen dan latar belakang menggunakan rumus WCAG 2.1.

Rasio ini membandingkan luminansi relatif dari dua warna:

contrast = (L1 + 0.05) รท (L2 + 0.05)

L1 adalah luminansi yang lebih terang dan L2 luminansi yang lebih gelap. Hasilnya berkisar dari 1:1, yang berarti warna identik, hingga 21:1 untuk hitam di atas putih.

Ada dua ambang batas yang perlu diketahui:

  • 3:1 adalah nilai minimum untuk teks besar
  • 4.5:1 adalah nilai minimum untuk teks berukuran normal

Waktu ditampilkan dalam ukuran besar, sehingga 3:1 pada dasarnya sudah cukup, tetapi rasio yang lebih tinggi lebih baik untuk penggunaan di luar ruangan. Label yang lebih kecil sebaiknya memiliki rasio 4.5:1 atau lebih.

Contoh

Ambil contoh latar belakang #0b1020, warna biru donker yang sangat gelap, dengan teks putih #ffffff. Kontrasnya sekitar 18:1, yang nyaman dibaca dalam kondisi cahaya apa pun.

Jika warna jumlah langkah diubah menjadi #2a3a5e, warna biru yang mendekati latar belakang, rasionya turun menjadi sekitar 1.6:1. Angka tersebut menjadi hampir tidak terlihat dari jarak sejauh lengan, dan alat ini akan menandainya.

Mengunduh Desain

Tombol unduh mengubah pratinjau langsung menjadi gambar PNG berukuran 320 kali 320 piksel. Gambar ini dibuat di peramban; tidak ada yang diunggah. Berkas ini dapat digunakan sebagai contoh tampilan, dibagikan untuk mendapat masukan, atau disimpan sebagai acuan saat membangun tampilan jam sesungguhnya di perkakas Connect IQ milik Garmin.

Pertanyaan yang Sering Diajukan

Apakah Ini Membuat Tampilan Jam yang Bisa Dipasang?

Tidak. Alat ini hanya menghasilkan gambar dari sebuah desain. Membangun tampilan jam yang bisa dipasang memerlukan Connect IQ SDK milik Garmin atau Garmin Watch Face Builder.

Mengapa Pratinjaunya Berbentuk Persegi, Padahal Jamnya Bundar?

Gambar ini berupa kanvas persegi dengan tampilan jam bundar yang digambar di dalamnya, cara yang lazim digunakan untuk membuat grafik tampilan jam. Bagian sudutnya memang tidak ditampilkan pada jam.

Berapa Ukuran Tampilan Jam yang Sebenarnya?

Tergantung modelnya. Layar bundar Garmin yang umum berukuran 240 kali 240, 260 kali 260, dan 416 kali 416 piksel. Pratinjau ini menggunakan ukuran 320 kali 320 sebagai jalan tengah.

Mengapa Warna di Jam Terlihat Berbeda?

Layar jam bervariasi dalam kecerahan dan reproduksi warna, dan layar memory-in-pixel hanya menampilkan palet warna yang terbatas. Anggap pratinjau ini sebagai panduan, lalu periksa hasilnya pada layar sesungguhnya.

Apa Arti Angka Kontras Tersebut?

Angka-angka ini adalah rasio dari standar aksesibilitas WCAG 2.1, ukuran yang sama yang digunakan untuk situs web. Semakin tinggi angkanya, semakin mudah dibaca.