Koleksi Desain Jam Digital

• Clocks.dev adalah situs untuk menjelajahi desain jam digital yang menampilkan waktu dan tanggal saat ini dengan berbagai cara di satu tempat
• Pengguna dapat membandingkan berbagai cara representasi waktu yang berbeda, seperti bentuk geometris, susunan angka, kombinasi kata, jarum jam, dial melingkar, LCD, dan lainnya
• Desain dapat ditelusuri berdasarkan All time, This week, dan Newest, serta pengguna juga bisa membuat desain jam baru sendiri
• Terdapat jam dengan nama seperti number-field, word-field, binary-signal, swiss-railway, dan corner-date, yang menunjukkan cara representasi atau gaya dari namanya
• Semua jam yang terdaftar bersifat open source, sehingga berguna bukan hanya untuk menikmati desainnya tetapi juga untuk mencari referensi ide implementasi

---

Menjelajahi Berbagai Representasi Waktu

• Clocks.dev mengumpulkan dan menyediakan berbagai desain jam digital
• Daftar dapat dijelajahi dengan filter All time, This week, dan Newest, dan jam baru bisa dibuat di Create new clock

• Bentuk dan jarum jam

  • geometric-proof: memanfaatkan bentuk geometris
  • three-lines: menyusun jam dengan tiga garis
  • precision-dial: menggunakan bentuk dial presisi
  • figure-hands, veiled-hands, floating-hands: menampilkan jarum jam dengan cara yang berbeda-beda
  • minimal-disc, radial-field: menampilkan waktu berbasis bentuk melingkar

• Angka dan kata

  • binary-signal: desain yang menggunakan sinyal biner
  • number-field: menyusun waktu dengan bidang angka 1~12 dan 1~60
  • word-field: menampilkan waktu dengan kombinasi kata seperti FIVE, TEN, QUARTER, HALF, PAST, dan TO
  • mint-rounded, lock-screen, second-tilt: menyusun tampilan waktu berbasis angka dengan gaya yang berbeda-beda

• Tanggal dan informasi tambahan

  • day-mood: menampilkan waktu dan suhu dalam bentuk kalimat seperti It’s slow evening o’clock 22°
  • corner-date, orbit-date: menampilkan tanggal bersama waktu
  • jam warna: menghubungkan 86.400 detik dalam sehari dengan salah satu dari 16.777.216 warna dan menampilkan kode warna saat ini
  • Galactic Standard Time: menampilkan waktu bersama informasi zona dan trek
  • Digital Quartz LCD: bergaya LCD digital dengan 1983, hari dalam minggu, 24H, serta indikator alarm, sinyal, lampu, dan mulai

• Konsep individual

  • temporal-exposure: desain yang memakai konsep paparan waktu sebagai nama
  • swiss-railway: menerapkan gaya Swiss Railway

Open source dan pembuat

• Semua jam yang terdaftar disediakan sebagai open source
• Situs ini dibuat oleh Lev Miseri

[GN⁺]

Komentar Hacker News

• Sekadar iseng, saya membuat jam digital yang tersusun dari jam-jam analog: https://mikespeed.com/clock

• Sebelum ledakan AI, saya membuat sendiri semua watch face eksperimental dengan SVG dan JavaScript
  Mungkin bukan karya yang luar biasa, tetapi sebagai desainer, saya bangga karena bisa menyelesaikannya dengan belajar coding dasar secara otodidak: https://watchface.netlify.app/
  Saya juga menuliskan proses pembuatannya: https://72mena.medium.com/designing-watch-faces-using-svgs-a...

  • Melihat karya ini membuat saya ingin kembali terjun ke hardware dan pembuatan PCB untuk membuat sesuatu yang bisa digantung di dinding
    Akan lebih bagus jika di halaman tempat watch face itu berjalan kita bisa memasukkan waktu secara langsung untuk melihat tampilannya
  • Saya datang untuk membicarakan desain Tokyoflash, jadi senang melihatnya disebut di sini

• Rasanya sudah waktunya mengumpulkan para penggemar jam di HN dan membuat webring gaya lama
  Lock Screen mirip dengan jam Filling Digit saya, yang menampilkan detik dengan mengisi angka berongga dari bawah menggunakan air
  Alphabetical Clock yang cukup menarik juga pernah ramai dibahas di HN, dan konsep webring bisa dilihat di Wikipedia

• Saya mencoba mereproduksi Voutilainen Vingt-8 ISO dengan Svelte, yang baru pertama kali saya gunakan: https://clocks.dev/clock/3b254b2789ec

  • Ini konsep yang baru saya temui, tetapi sepertinya akan cepat terbiasa, dan jadi ingin punya jam tangan seperti ini

• Di Chrome 150.0.7871.115 dan Windows, mulai dari sekitar dua pertiga halaman, scrollbar menghilang dan halaman tidak bisa lagi di-scroll

  • Sekarang sudah diperbaiki, tetapi masalah performa yang lebih mendasar masih perlu diselidiki lebih lanjut
  • Menurut saya, mengutak-atik perilaku scroll bawaan browser adalah pantangan besar dalam pengembangan web
  • Masalah yang sama juga terjadi di Firefox 152.0.5 pada Windows 11

• Number Field terasa seperti cara terbaik merepresentasikan jam angka secara spasial
  Agar sempurna perlu diubah ke format 24 jam, tetapi itu hanya perubahan kecil, dan berkat struktur 12 kolomnya, waktu kira-kira mudah dipahami sekilas

• Saya membuat jam Soroban yang menggunakan sempoa Jepang, tetapi karena memakai animasi berbasis CSS, tidak bisa ditambahkan ke koleksi: https://soroban-clock.netlify.app

• 12 o’clocks karya John Maeda juga layak dilihat
  Melalui karya tahun 1996 ini, saya jadi melihat cara waktu diekspresikan secara grafis dengan sudut pandang baru, dan karya itu juga bisa dilihat sebagai koleksi MoMA
  Terutama karena karya-karya yang bergerak halus itu, saya jadi tidak suka jarum detik yang berhenti tiap satu detik, sehingga saya mengganti movement semua jam di rumah dengan tipe sweep second hand

• Jam biner tampaknya memperlakukan posisi di kiri angka 8 bukan sebagai posisi 16 seperti biasa, melainkan sebagai posisi puluhan
  Karena itu pukul 10 ditampilkan bukan sebagai 1010, melainkan 00010000, dan pukul 23 menjadi 00100011, yang jika ditafsirkan sebagai bilangan biner bernilai 35 sehingga terlihat aneh

  • Ini bukan mengubah waktu menjadi satu bilangan biner, melainkan mengubah setiap digit desimal menjadi 4 bit
    Jadi 23 → 2 3 → 0010 0011 → 00100011

• Pada beberapa jam terlihat ada bagian yang sedikit meleset
  Number Field berwarna oranye tampaknya sulit membedakan 12:10 dan 10:12, dan Word Field menampilkan karakter yang tidak digunakan sebagai X, sehingga rasa misterius saat kata-kata muncul pada Word Clock asli berkurang
  Pada Temporal Exposure, pita area buram bergeser dari pusat, dan Figure Hands membuat teks keluar dari area gambar

  • Di Number Field, jam selalu ditempatkan hanya di baris paling atas, sehingga 12:10 dan 10:12 ditampilkan berbeda
  • Jika yang dimaksud adalah Figure Hands, masih ada banyak ruang untuk memperbaiki gaya keseluruhannya
    Sepertinya akan lebih baik jika menggunakan dua warna dan ukuran yang berbeda, serta font yang lebih sesuai