Dijital Saat Tasarımı Koleksiyonu

• Clocks.dev, mevcut saat ve tarihi farklı biçimlerde ifade eden dijital saat tasarımlarını tek bir yerde keşfetmeye yarayan bir site
• Geometrik şekiller, sayı dizilimleri, kelime kombinasyonları, saat ibreleri, dairesel kadranlar, LCD gibi farklı görsel ifade biçimlerini karşılaştırmak mümkün
• Tasarımlar All time, This week, Newest kriterlerine göre incelenebiliyor; ayrıca yeni saat tasarımları da doğrudan oluşturulabiliyor
• number-field, word-field, binary-signal, swiss-railway, corner-date gibi, ifade biçimi veya stili adından anlaşılan saatler yer alıyor
• Kayıtlı tüm saatler açık kaynak olduğundan, tasarımları incelemenin yanı sıra uygulama fikirleri için de yararlanılabiliyor

---

Farklı zaman ifadelerini keşfetme

• Clocks.dev çeşitli dijital saat tasarımlarını bir araya getirip sunuyor
• Liste All time, This week, Newest filtreleriyle keşfedilebiliyor; Create new clock üzerinden yeni bir saat oluşturulabiliyor

• Biçimler ve saat ibreleri

  • geometric-proof: Geometrik şekillerden yararlanıyor
  • three-lines: Saati üç çizgiyle oluşturuyor
  • precision-dial: Hassas kadran biçimi kullanıyor
  • figure-hands, veiled-hands, floating-hands: Saat ibrelerini farklı şekillerde ifade ediyor
  • minimal-disc, radial-field: Zamanı dairesel bir temel üzerinden gösteriyor

• Sayılar ve kelimeler

  • binary-signal: İkili sinyal kullanan bir tasarım
  • number-field: Zamanı 1~12 ve 1~60 aralığındaki sayı alanlarıyla oluşturuyor
  • word-field: Zamanı FIVE, TEN, QUARTER, HALF, PAST, TO gibi kelime kombinasyonlarıyla gösteriyor
  • mint-rounded, lock-screen, second-tilt: Sayı tabanlı zaman gösterimini farklı stillerle kurguluyor

• Tarih ve ek bilgiler

  • day-mood: It’s slow evening o’clock 22° gibi zaman dilimini ve sıcaklığı cümleyle gösteriyor
  • corner-date, orbit-date: Tarihi saatle birlikte gösteriyor
  • Renk saati: Bir günün 86.400 saniyesini 16.777.216 renk arasından biriyle eşleştirerek mevcut renk kodunu gösteriyor
  • Galactic Standard Time: Zamanı bölge ve track bilgileriyle birlikte gösteriyor
  • Digital Quartz LCD: 1983, haftanın günü, 24H, alarm, sinyal, ışık ve başlangıç göstergeleri içeren dijital LCD stili

• Tekil konseptler

  • temporal-exposure: Zamanın pozlanmasını adına taşıyan bir tasarım
  • swiss-railway: Swiss Railway stilini uyguluyor

Açık kaynak ve geliştirici

• Kayıtlı tüm saatler açık kaynak olarak sunuluyor
• Site Lev Miseri tarafından yapılmış

[GN⁺]

Hacker News yorumları

• Eğlencesine analog saatlerden oluşan bir dijital saat yaptım: https://mikespeed.com/clock

• Yapay zeka patlamasından önce SVG ve JavaScript ile deneysel saat yüzlerinin tamamını kendim yaptım.
  Muhteşem bir iş olmayabilir ama bir tasarımcı olarak temel kodlamayı kendi kendime öğrenip tamamlamış olmaktan gurur duyuyorum: https://watchface.netlify.app/
  Yapım sürecini de yazıya döktüm: https://72mena.medium.com/designing-watch-faces-using-svgs-a...

  • Bu işi görünce yeniden donanım ve PCB üretimine dalıp duvara asılacak bir şey yapmak istedim.
    Saat yüzünün çalıştığı sayfada zamanı elle girip nasıl göründüğünü kontrol edebilmek daha da iyi olurdu.
  • Tokyoflash tasarımlarından bahsetmek için gelmiştim; burada görmek sevindirici.

• HN’deki saat meraklılarını bir araya getirip eski tarz bir webring oluşturmanın zamanı gelmiş olabilir.
  Lock Screen, içi boş rakamları aşağıdan suyla doldurarak saniyeyi gösteren benim Filling Digit saatime benziyor.
  Oldukça eğlenceli Alphabetical Clock da HN’de gündem olmuştu; webring kavramına Wikipedia üzerinden bakılabilir.

• İlk kez kullandığım Svelte ile Voutilainen Vingt-8 ISO’yu yeniden oluşturmaya çalıştım: https://clocks.dev/clock/3b254b2789ec

  • İlk kez karşılaştığım bir kavram ama kısa sürede alışacak gibiyim; böyle bir kol saatine sahip olmak istedim.

• Chrome 150.0.7871.115 ve Windows’ta sayfanın yaklaşık üçte ikisine gelince kaydırma çubuğu kayboluyor ve artık kaydırılamıyor.

  • Şimdilik düzelttim ama daha temel performans sorunu için ek inceleme gerekiyor.
  • Tarayıcının varsayılan kaydırma davranışıyla oynamanın web geliştirmede büyük bir tabu olduğunu düşünüyorum.
  • Windows 11’de Firefox 152.0.5’te de aynı sorun yaşanıyor.

• Number Field, sayısal bir saati mekânsal olarak ifade etmenin en iyi yolu gibi hissettiriyor.
  Kusursuz olması için 24 saat biçimine geçmesi gerekir ama bu küçük bir değişiklik; 12 sütunlu yapı sayesinde yaklaşık saati tek bakışta anlamak kolay.

• Japon abaküsünü kullanan bir Soroban saati yaptım ama CSS tabanlı animasyon kullandığı için koleksiyona ekleyemedim: https://soroban-clock.netlify.app

• John Maeda’nın 12 o’clocks çalışmasına da bakmaya değer.
  1996 tarihli çalışma zamanın grafik olarak ifade edilişine yeni bir gözle bakmamı sağladı; MoMA koleksiyonunda da görülebilir.
  Özellikle akıcı hareket eden işler yüzünden saniye başında duran saniye kollarından hoşlanmamaya başladım ve evdeki tüm saatlerin mekanizmasını sürekli kayan saniye kolu türüyle değiştirdim.

• İkili saat, 8’ler basamağının solunu alışılmış 16’lar basamağı değil, 10’lar basamağı olarak ele alıyor gibi görünüyor.
  Bu yüzden saat 10, 1010 yerine 00010000 olarak gösteriliyor; 23 ise 00100011 oluyor ve ikili sayı olarak yorumlandığında 35’e denk geldiği için tuhaf görünüyor.

  • Zamanı tek bir ikili sayıya çevirmiyor; ondalık sayının her basamağını 4 bitlik değerlere dönüştürüyor.
    Yani 23 → 2 3 → 0010 0011 → 00100011 oluyor.

• Bazı saatlerde hafifçe tutarsız görünen yerler var.
  Turuncu Number Field 12:10 ile 10:12’yi ayırt etmeyi zorlaştırıyor gibi görünüyor; Word Field ise kullanılmayan harfleri X ile göstererek orijinal Word Clock’ta kelimeler belirdiğinde oluşan gizem hissini azaltıyor.
  Temporal Exposure içinde bulanık alan şeridi merkezden kaymış; Figure Hands’te de metin çizim alanının dışına taşıyor.

  • Number Field’da saat her zaman yalnızca en üst satırda yer aldığı için 12:10 ile 10:12 farklı gösteriliyor.
  • Figure Hands’i kastediyorsanız genel stili geliştirmek için epey alan var.
    İki renk ve farklı boyutlar, ayrıca daha uygun bir yazı tipi kullanılırsa daha iyi olabilir.