Design-Sammlung digitaler Uhren

 (clocks.dev)
1 Punkte von GN⁺ 2 일 전 | 1 Kommentare | Auf WhatsApp teilen
  • Clocks.dev ist eine Website, auf der man digitale Uhrendesigns erkunden kann, die die aktuelle Uhrzeit und das Datum auf unterschiedliche Weise darstellen
  • Man kann verschiedene visuelle Darstellungsformen vergleichen, etwa geometrische Formen, Zahlenanordnungen, Wortkombinationen, Zeiger, runde Zifferblätter oder LCD
  • Designs lassen sich nach All time, This week und Newest durchsuchen; außerdem kann man auch selbst ein neues Uhrendesign erstellen
  • Enthalten sind Uhren, deren Namen bereits die Darstellungsform oder den Stil erkennen lassen, etwa number-field, word-field, binary-signal, swiss-railway oder corner-date
  • Da alle eingetragenen Uhren Open Source sind, kann man sie nicht nur als Designinspiration betrachten, sondern auch Ideen für die Umsetzung daraus ableiten

Verschiedene Zeitdarstellungen erkunden

  • Clocks.dev bietet eine Sammlung verschiedener digitaler Uhrendesigns
  • Die Liste lässt sich mit den Filtern All time, This week und Newest durchsuchen; über Create new clock kann man eine neue Uhr erstellen

  • Formen und Zeiger

  • Zahlen und Wörter

  • Datum und Zusatzinformationen

    • day-mood: zeigt Tageszeit und Temperatur als Satz an, etwa It’s slow evening o’clock 22°
    • corner-date, orbit-date: zeigen das Datum zusammen mit der Uhrzeit an
    • Farbuhr: verknüpft die 86.400 Sekunden eines Tages mit einer von 16.777.216 Farben und zeigt den aktuellen Farbcode an
    • Galactic Standard Time: stellt die Zeit zusammen mit Zonen- und Track-Informationen dar
    • Digital Quartz LCD: ein digitaler LCD-Stil mit 1983, Wochentag, 24H sowie Anzeigen für Alarm, Signal, Licht und Start

  • Einzelne Konzepte

Open Source und Macher

  • Alle eingetragenen Uhren werden als Open Source bereitgestellt
  • Die Website wurde von Lev Miseri erstellt

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2 일 전
Kommentare auf Hacker News

  • Ich habe zum Spaß eine Digitaluhr aus analogen Uhren gebaut: https://mikespeed.com/clock

  • Vor dem AI-Boom habe ich alle experimentellen Watch Faces mit SVG und JavaScript selbst gebaut.
    Es ist vielleicht kein Meisterwerk, aber ich bin stolz darauf, dass ich es als Designer mit selbst beigebrachten Coding-Grundlagen fertiggestellt habe: https://watchface.netlify.app/
    Den Entstehungsprozess habe ich ebenfalls aufgeschrieben: https://72mena.medium.com/designing-watch-faces-using-svgs-a...

    • Wenn ich das sehe, bekomme ich wieder Lust, mich in Hardware- und PCB-Design zu stürzen und etwas für die Wand zu bauen.
      Noch besser wäre es, wenn man auf der Seite, auf der das Watch Face läuft, die Uhrzeit direkt eingeben und die Darstellung prüfen könnte.
    • Ich war eigentlich hier, um Tokyoflash-Designs zu erwähnen; schön, sie hier zu sehen.

  • Es wäre an der Zeit, die Uhrenfans auf HN zusammenzubringen und einen altmodischen Webring zu bauen.
    Lock Screen ähnelt meiner Filling-Digit-Uhr, bei der hohle Ziffern von unten mit Wasser gefüllt werden, um die Sekunden anzuzeigen.
    Auch die ziemlich unterhaltsame Alphabetical Clock war auf HN ein Thema; das Konzept eines Webrings findet man auf Wikipedia.

  • Ich habe mit Svelte, das ich zum ersten Mal verwendet habe, die Voutilainen Vingt-8 ISO nachgebaut: https://clocks.dev/clock/3b254b2789ec

    • Das Konzept ist für mich neu, aber ich glaube, ich werde mich schnell daran gewöhnen; so eine Armbanduhr hätte ich gern.

  • In Chrome 150.0.7871.115 unter Windows verschwindet etwa nach zwei Dritteln der Seite die Scrollbar, und man kann nicht mehr weiter scrollen.

    • Das ist inzwischen behoben, aber das grundlegendere Performance-Problem muss noch genauer untersucht werden.
    • Das Standard-Scrollverhalten des Browsers anzutasten, halte ich in der Webentwicklung für ein großes Tabu.
    • Unter Firefox 152.0.5 auf Windows 11 tritt dasselbe Problem auf.

  • Number Field fühlt sich wie die beste räumliche Darstellung einer Zahlenuhr an.
    Für Perfektion müsste sie auf das 24-Stunden-Format umgestellt werden, aber das wäre nur eine kleine Änderung; dank der 12-Spalten-Struktur lässt sich die ungefähre Zeit auf einen Blick gut erfassen.

  • Ich habe eine Soroban-Uhr mit einem japanischen Abakus gebaut, konnte sie aber wegen der CSS-basierten Animationen nicht zur Sammlung hinzufügen: https://soroban-clock.netlify.app

  • John Maedas 12 o’clocks sind ebenfalls sehenswert.
    Durch das Werk von 1996 habe ich die grafische Darstellung von Zeit neu gesehen; es ist auch in der Sammlung des MoMA zu finden.
    Besonders die sanft bewegten Arbeiten haben dazu geführt, dass ich Sekundenzeiger, die jede Sekunde stehen bleiben, nicht mehr mochte; deshalb habe ich die Werke aller Uhren im Haus auf schleichende Sekunde umgerüstet.

  • Die Binäruhr scheint die Stelle links von der 8 nicht als übliche 16er-Stelle, sondern als 10er-Stelle zu behandeln.
    Deshalb wird 10 Uhr nicht als 1010, sondern als 00010000 angezeigt, und 23 Uhr als 00100011, was als Binärzahl interpretiert 35 ergibt und seltsam wirkt.

    • Dabei wird die Uhrzeit nicht in eine einzige Binärzahl umgewandelt, sondern jede Dezimalziffer in 4 Bit konvertiert.
      Also: 23 → 2 3 → 0010 0011 → 00100011.

  • Bei einigen Uhren wirken Details leicht verschoben.
    Beim orangefarbenen Number Field scheint 12:10 schwer von 10:12 zu unterscheiden zu sein, und Word Field zeigt ungenutzte Buchstaben als X an, wodurch etwas von der geheimnisvollen Wirkung des ursprünglichen Word Clock verloren geht, wenn Wörter erscheinen.
    Bei Temporal Exposure liegt das Band des unscharfen Bereichs nicht mittig, und bei Figure Hands ragt der Text aus dem Bildbereich heraus.

    • Bei Number Field steht die Stunde immer nur in der obersten Zeile, daher werden 12:10 und 10:12 unterschiedlich angezeigt.
    • Falls Figure Hands gemeint ist: Der Gesamtstil hat noch viel Verbesserungspotenzial.
      Zwei Farben und unterschiedliche Größen sowie eine passendere Schriftart würden es wohl besser machen.