Fließender Text
Ein Satzexperiment, bei dem ein vollflächiger Essay in Echtzeit um treibende Objekte umfließt: zeichenweiser Zeilenumbruch, verschiebbare Hindernisse und Spaltensteuerung.
Loading preview...
11649 views
Mit diesem Prompt starten
Ein Satzexperiment, bei dem ein vollflächiger Essay in Echtzeit um treibende Objekte umfließt: zeichenweiser Zeilenumbruch, verschiebbare Hindernisse und Spaltensteuerung.
Websites Agent ausprobierenErstelle eine experimentelle Seite zum dynamischen Textumfluss. Fülle den Bildschirm mit einem kurzen Essay über Typografie, gesetzt in einer Serifenschrift mit großzügigem Weißraum, damit er angenehm lesbar bleibt. Verteile einige kleine Objekte auf der Seite und lass sie selbstständig treiben und kollidieren; der Text muss jedes Objekt in Echtzeit umfließen, Zeichen für Zeichen berechnet, sodass die Zeilen des Essays sich kontinuierlich neu umbrechen, während sich die Hindernisse durch das Layout bewegen. Die Objekte sind nicht nur Dekoration: Besuchende können jedes mit der Maus greifen, über die Seite ziehen und wegschleudern und dabei zusehen, wie der Text ausweicht und sich dahinter wieder schließt. Biete Steuerelemente, um die Komposition zwischen zwei und drei Spalten umzuschalten, die Bewegung anzuhalten und fortzusetzen, die Szene zurückzusetzen und mit dem Mausrad die gesamte Seite zu zoomen. Jedes Steuerelement sollte sich wie ein Teil des Essays anfühlen statt wie ein separates Bedienfeld, und das Leseerlebnis sollte flüssig bleiben, egal wie chaotisch die Objekte werden. Statische Einzelseite.
Objektbearbeitung hinzufügen
Fügt eine kleine Bearbeitungsfunktion hinzu: Per Doppelklick lässt sich der Text eines schwebenden Objekts ändern oder durch ein neues ersetzen, und der Essay umfließt das bearbeitete Objekt in Echtzeit.
Websites Agent ausprobierenErstelle eine experimentelle Seite zum dynamischen Textumfluss. Fülle den Bildschirm mit einem kurzen Essay über Typografie, gesetzt in einer Serifenschrift mit großzügigem Weißraum, damit er angenehm lesbar bleibt. Verteile einige kleine Objekte auf der Seite und lass sie selbstständig treiben und kollidieren; der Text muss jedes Objekt in Echtzeit umfließen, Zeichen für Zeichen berechnet, sodass die Zeilen des Essays sich kontinuierlich neu umbrechen, während sich die Hindernisse durch das Layout bewegen. Die Objekte sind nicht nur Dekoration: Besuchende können jedes mit der Maus greifen, über die Seite ziehen und wegschleudern und dabei zusehen, wie der Text ausweicht und sich dahinter wieder schließt. Biete Steuerelemente, um die Komposition zwischen zwei und drei Spalten umzuschalten, die Bewegung anzuhalten und fortzusetzen, die Szene zurückzusetzen und mit dem Mausrad die gesamte Seite zu zoomen. Jedes Steuerelement sollte sich wie ein Teil des Essays anfühlen statt wie ein separates Bedienfeld, und das Leseerlebnis sollte flüssig bleiben, egal wie chaotisch die Objekte werden. Statische Einzelseite.
Zu dunkler Arbeitsfläche wechseln
Verlegt das Experiment auf einen dunklen Hintergrund und bewahrt Serifenschrift und großzügigen Weißraum, damit sich die bewegten Objekte und der neu umfließende Text kontrastreicher abheben.
Websites Agent ausprobierenErstelle eine experimentelle Seite zum dynamischen Textumfluss. Fülle den Bildschirm mit einem kurzen Essay über Typografie, gesetzt in einer Serifenschrift mit großzügigem Weißraum damit er angenehm lesbar bleibt. Verteile einige kleine Objekte auf der Seite und lass sie selbstständig treiben und kollidieren; der Text muss jedes Objekt in Echtzeit umfließen, Zeichen für Zeichen berechnet, sodass die Zeilen des Essays sich kontinuierlich neu umbrechen, während sich die Hindernisse durch das Layout bewegen. Die Objekte sind nicht nur Dekoration: Besuchende können jedes mit der Maus greifen, über die Seite ziehen und wegschleudern und dabei zusehen, wie der Text ausweicht und sich dahinter wieder schließt. Biete Steuerelemente, um die Komposition zwischen zwei und drei Spalten umzuschalten, die Bewegung anzuhalten und fortzusetzen, die Szene zurückzusetzen und mit dem Mausrad die gesamte Seite zu zoomen. Jedes Steuerelement sollte sich wie ein Teil des Essays anfühlen statt wie ein separates Bedienfeld, und das Leseerlebnis sollte flüssig bleiben, egal wie chaotisch die Objekte werden. Statische Einzelseite.
Serifenlose Schrift ausprobieren
Gestaltet den Essay statt in einer Serifenschrift in einer kontrastreichen serifenlosen Schrift und zeigt, wie sich derselbe dynamische Umfluss und Zeilenumbruch mit einer anderen typografischen Stimme anfühlt.
Websites Agent ausprobierenErstelle eine experimentelle Seite zum dynamischen Textumfluss. Fülle den Bildschirm mit einem kurzen Essay über Typografie, gesetzt in einer Serifenschrift mit großzügigem Weißraum, damit er angenehm lesbar bleibt. Verteile einige kleine Objekte auf der Seite und lass sie selbstständig treiben und kollidieren; der Text muss jedes Objekt in Echtzeit umfließen, Zeichen für Zeichen berechnet, sodass die Zeilen des Essays sich kontinuierlich neu umbrechen, während sich die Hindernisse durch das Layout bewegen. Die Objekte sind nicht nur Dekoration: Besuchende können jedes mit der Maus greifen, über die Seite ziehen und wegschleudern und dabei zusehen, wie der Text ausweicht und sich dahinter wieder schließt. Biete Steuerelemente, um die Komposition zwischen zwei und drei Spalten umzuschalten, die Bewegung anzuhalten und fortzusetzen, die Szene zurückzusetzen und mit dem Mausrad die gesamte Seite zu zoomen. Jedes Steuerelement sollte sich wie ein Teil des Essays anfühlen statt wie ein separates Bedienfeld, und das Leseerlebnis sollte flüssig bleiben, egal wie chaotisch die Objekte werden. Statische Einzelseite.
Das könnte Ihnen auch gefallen
Atelier — Mode-Shop
Saisonale Auswahl und Modelaufnahmen aus zwei Perspektiven in einem zurückhaltenden Mode-Shop mit zwei Produktlinien.
Yanxi Onsen-Aufenthalt
Vier Zimmer, jedes mit Blick auf seinen eigenen Berg, ein Steinbad unter freiem Himmel: ein ruhiges Onsen-Gasthaus im Nebel.