Alternatives Layout-System

 (alternativelayoutsystem.com)
2 Punkte von GN⁺ 2025-06-28 | 1 Kommentare | Auf WhatsApp teilen
  • Ein Paket von Layout-Skripten, mit dem sich in der InDesign-Textsatzgestaltung Zeilenausrichtung, Silbentrennung, Ränder und Glyphenvariationen erproben lassen
  • Same Sizer erweitert das Prinzip von Monospace-Schriften auf Wortebene, sodass jedes Wort unabhängig von der Zeichenanzahl denselben horizontalen Raum einnimmt
  • Wiggle Out, Fill the Space, Last is First und Ext. Word & Letter interpretieren Ränder und Zeilenenden auf Grundlage von Praktiken aus hebräischen Manuskripten und Korantexten neu
  • Hyphen Out und Hyphenator reduzieren Worttrennungen, indem sie Bindestriche oder die Größe der letzten Buchstaben anpassen; Größe und Ausrichtung des Ergebnisses lassen sich teilweise steuern
  • Variable Gradient berechnet die Werte zwischen den beiden Endpunkten einer gewählten Achse und wendet einen Verlauf auf den Textblock an; Ergebnisse können pro Wort oder pro Glyphe erzeugt werden

Download und grundlegende Satzexperimente

  • Download: Download-Link für das Skriptpaket Alternative Layout System

  • Same Sizer

    • Wendet das Prinzip an, dass jedes Zeichen wie in einer Monospace-Schrift dieselbe Breite hat, auf ganze Wörter an
    • Erzeugt eine ausgerichtete Anmutung, indem unabhängig von Wortlänge oder Zeichenanzahl derselbe horizontale Raum eingenommen wird

  • Wiggle Out

    • Dreht große Wörter, die nicht in den Textblock passen, in Richtung Rand, ähnlich wie in aschkenasischen hebräischen Manuskripten und einigen Korantexten
    • Die Stärke der entstehenden Kurve kann angepasst werden
    • Eine Version mit geradem Abschluss ist ebenfalls vorhanden

  • Fill the Space

    • Füllt den Raum zwischen dem letzten Wort einer Zeile und dem Ende des Textblocks, ähnlich wie in einigen Manuskripten praktiziert
    • Es können einfache Federstriche, wellenförmige Federstriche, Wiederholungen des letzten Buchstabens, Satzzeichen, dekorative Schrägstriche oder Punkte verwendet werden
    • Der Raum kann mit einem oder mehreren vom Benutzer gewählten Glyphen gefüllt oder durch Wiederholung des letzten Buchstabens der Zeile ergänzt werden

Silbentrennung, Zeilenenden und Glyphenvariationen

  • Hyphen Out

    • Fügt durch Bindestrich getrennte Wörter wieder zusammen und entfernt die Trennung
    • Der zweite Teil wird außerhalb des Textrahmens platziert
    • Die Größe des resultierenden Teils kann prozentual angepasst und die Ausrichtung verändert werden

  • Hyphenator

    • Ein InDesign-Skript, das Worttrennungen vermeidet und Textfluss sowie Lesbarkeit verbessert
    • Verkleinert die letzten Buchstaben des letzten Wortes einer Zeile, damit es in den verfügbaren Raum passt

  • Last is First

    • Ein Skript, das das in der nächsten Zeile erscheinende Wort vorab anzeigt
    • Steht in Verbindung mit einer Praxis, die in einigen hebräischen Manuskripten zu finden ist

  • Ext. Word & Letter

    • Erweitert den letzten Buchstaben oder das letzte Wort einer Zeile, ähnlich wie in hebräischen Manuskripten, besonders bei Abschriften biblischer Texte
    • Schlägt die Auswahl einer Vektorisierungsoption vor, um die maximale Vergrößerungsgrenze von 1000 % in InDesign zu umgehen
    • Damit lässt sich die rechte Seite des Rahmens vollständig ausrichten

  • Variable Gradient

    • Berechnet die Zwischenwerte zwischen zwei Extremen auf der gewählten Achse und erzeugt so einen Verlaufseffekt über den gesamten Textblock
    • Das Ergebnis kann pro Wort oder pro Glyphe angewendet werden

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2025-06-28
Hacker-News-Kommentare
  • „Same Sizer“ lässt die Buchstaben mechanisch gedehnt und dadurch hässlich aussehen, weshalb jede Zeile unterschiedlich breit wird
    Idealerweise sollte die Breite jeder Zeile beibehalten werden und nur die Positionen gestreckt werden
    Ein Beispiel, das das Prinzip „alle Wörter haben die gleiche Größe“ besser umsetzt, findet man in der vietnamesischen Kalligrafie, die lateinische Schrift mit einer Schreibweise kombiniert, die dem chinesischen Schriftkreis nahekommt. Beispiel: [https://commons.m.wikimedia.org/wiki/File:%C4%90%E1%BB%91i_-...](https://commons.m.wikimedia.org/wiki/File:%C4%90%E1%BB%91i_-_T%E1%BA%BFt_2009.jpg)
    Das ist in lateinischer Schrift geschrieben, aber in gleich große quadratische Kästchen aufgeteilt
    • Faszinierend. Ich hätte bei dem Beispielbild wirklich nie bemerkt, dass es lateinische Schrift ist
      Da ich kein Chinesisch lesen kann, landet alles, was wie Chinesisch aussieht, in meinem Kopf in der Kategorie „verstehe ich sowieso nicht“. In diesem Fall hätte es wohl geholfen, Vietnamesisch zu können, um vertraute Wörter oder Silben zu erkennen
      Ein interessanter Effekt
    • In einem ähnlichen Kontext ist auch diese Kalligrafie ziemlich beeindruckend: https://www.reddit.com/r/language/comments/1gmzro8/what_scri...
    • Zur Einordnung: Diesen Ansatz nennt man quadratisches Schreiben, und ich habe zugehörige Links unter https://gwern.net/doc/design/typography/square/index gesammelt
      Am interessantesten ist vermutlich die Schriftart „Hangulatin“ (https://www.t26.com/fonts/22320-Hangulatin-EN), die genau das ist, was der Name sagt. Leider ist sie verwaist, sodass viele Links tot sind, aber in einem älteren Video sieht man recht viel davon: https://www.youtube.com/watch?v=T0syCsC0_4s
    • Ich wollte das verlinkte Beispiel wirklich sehen, aber der Link ist kaputt
  • Manchmal stößt man auf etwas, das so wunderschön dumm ist, dass man dahinter nur noch das Geniale sieht, und das macht richtig Spaß. Gut gemacht
    • Ich frage mich, ob sie es laut vorgelesen haben. Die Stimme wird sofort roboterhaft :D
  • Ich hätte gern das „Hyphenator“-Layout, aber nicht nur auf ein einzelnes Wort, sondern auch auf längere Texte angewendet
    Überschüssiger Text sollte umbrechen und die Schrift immer kleiner werden, sodass es das Gefühl von handschriftlichen Notizen aus der Uni nachahmt, bei denen man noch irgendetwas in eine Zeile quetscht, obwohl kein Platz mehr ist
  • In Sprachen mit unregelmäßiger Phonem-Graphem-Zuordnung wie Englisch sind viele dieser Verfahren schmerzhaft zu lesen, besonders „Last is First“
    Wenn man „I“ sieht und es kurz darauf zu „In“ wird, muss man das Verständnis im Kopf zurückdrehen. Wenn man „t“ sieht und daraus „that“ wird, müssen Menschen, die innerlich mitsprechen, das Phonem neu zusammensetzen, weil „t“ und „th“ unterschiedliche Phoneme sind
    • Hoffe, das hilft: „i.e.“ ist die Abkürzung für „id est“ und bedeutet „das heißt“
      Hier wäre „e.g.“ (exempli gratia), also „zum Beispiel“, passender
    • Ist Lesen nicht eher Mustererkennung, statt Buchstabe für Buchstabe zu parsen? Bei mir scheint es so zu funktionieren
      Es gibt diesen bekannten Text, nach dem Menschen ziemlich flüssig lesen können, selbst wenn die Buchstabenreihenfolge in jedem Wort durcheinandergebracht wird. Natürlich gilt das vielleicht nicht für alle, und Menschen verstehen Text womöglich auf unterschiedliche Weise
      Bei einer schnellen Suche habe ich einen Artikel zu diesem Phänomen mit vertauschten Wörtern gefunden; ganz oben steht ein Beispielsatz: https://observer.com/2017/03/chunking-typoglycemia-brain-con...
    • Ist Englisch nicht auch eine lautbasierte Schrift? Nur weil derselbe Buchstabe verschiedene Laute darstellen kann, ist das Schriftsystem nicht regelmäßig; es stellt aber weiterhin Laute dar
      Würde es tatsächlich keine Laute darstellen, wäre diese Art von Verwirrung gar nicht möglich
    • Kurze und häufige Wörter wie „that“ werden auf einmal gelesen, daher muss man nicht zurückgehen
      Weniger häufige Wörter wie „phoenitic“ oder „subvocalizing“ werden auf die von dir beschriebene Weise gelesen, aber bis man am Satzende angekommen ist, ist einem „phoneme“ schon dreimal in verschiedenen Formen begegnet, sodass man weiß, wie es zu lesen ist
  • „Last Is First“ wirkt eher wie eine Prüfsumme, die verhindert, dass jemand beim Abschreiben die Position verliert
    Ich erinnere mich daran, wie ich die Tora lesen musste: Schon der Wechsel vom Lesen standardmäßig gedruckten Hebräischs zu Text ohne Vokalzeichen war schwierig, und zusätzlich waren dort auch noch Buchstaben gedehnt, was es noch schwerer machte. Man musste außerdem lernen, die Wörter richtig singend vorzutragen
    Trotzdem war es wunderschön, wenn es handschriftlich geschrieben war und die vollständig im Blocksatz gesetzten Spalten mit Tinte auf Pergament standen
    • Wenn diese Methode verbreitet war, hätten Leser sie wohl auch genutzt, um die richtige Zeile zu finden, in der sie weiterlesen müssen
      Besonders bei langen Zeilen ist es ziemlich leicht, dieselbe Zeile erneut zu lesen oder eine Zeile zu überspringen
  • Bitte macht solche Websites nicht. Selbst mit einer 1-Gbit/s-Leitung und einem 1-Gbit/s-Netzwerkinterface kommt der Server mit einer so großen Seite nicht klar
    JPEG-Bilder, die beim Rendern auf dem Bildschirm nur ein paar Hundert Pixel pro Seite groß sind, werden alle in 4K-Auflösung übertragen und sind bis zu 9 MiB groß. Manche Seiten kommen insgesamt auf über 40 MiB und brauchen mehr als 15 Sekunden zum Laden
    Ich weiß, dass das auch am HN-Effekt liegt, aber 3 Mbit/s sind für die meisten kleinen Server eigentlich keine schlechte Übertragungsrate. Die Seite selbst ist einfach viel zu groß
    • In diesem Fall scheint es mir eher vertretbar als sonst
      Das ist keine Website, die für Endnutzer Performance und Conversion Rate maximieren soll, sondern ein Design-Showcase, den ein Typograf für Typografen gemacht hat
      Jedes Pixel zählt, und die Zielgruppe wird wohl bereit sein, ein paar Sekunden zu warten, um das Ergebnis mit den nötigen Details zu betrachten
    • Ich war total verwirrt, warum es keinen Link zu den Layouts gab, bis mir klar wurde, dass sie noch laden
      In meinem Netzwerk dauerte es über 3 Minuten, bis überhaupt das erste sichtbar war
  • „Last is first“ erinnert stark an die Custos/Custodes, die man häufig in der Notation gregorianischer Choräle sieht
    Sie stehen am Zeilenende und geben einen Hinweis auf den ersten Ton der nächsten Zeile; während das Auge den Beginn der nächsten Zeile sucht, kennt man die Tonhöhe also schon. Normalerweise enthalten sie keine Silbe
    Beispiel: https://lilypond.org/doc/v2.18/Documentation/notation/ancien...
  • Schrecklich. Gefällt mir
  • Ich habe leichte Probleme mit den Augen, konkret Amblyopie und Diplopie. Aber same-sizer war überraschend gut lesbar
    Dass es leichter zu lesen war als Standardtext, fand ich ziemlich erstaunlich
    Ich frage mich, ob man diese Idee als eine Art Barrierefreiheitsmodus verwenden könnte
    • Abgesehen von sehr leichtem Astigmatismus habe ich keine Sehprobleme, aber der same-sizer-Text war viel leichter zu lesen, als ich erwartet hatte
  • Das „imager“-Tool ist aber wirklich cool:
    https://alternativelayoutsystem.com/imager/