2 ポイント 投稿者 GN⁺ 2025-06-28 | 1件のコメント | WhatsAppで共有
  • InDesignのテキスト組版で行揃え、ハイフネーション、余白、グリフ変形を実験できるレイアウトスクリプトのセット
  • Same Sizerは固定幅フォントの原理を単語単位に拡張し、文字数に関係なく各単語が同じ横幅のスペースを占めるようにする
  • Wiggle Out、Fill the Space、Last is First、Ext. Word & Letterはヘブライ語写本やクルアーンのテキストの慣行をもとに、余白と行末処理を再解釈する
  • Hyphen OutとHyphenatorは単語分割を減らすためにハイフン処理や最後の文字サイズを調整し、結果のサイズと配置を一部制御できる
  • Variable Gradientは選択した軸の両端値の間を計算してテキストブロックにグラデーションを適用し、単語単位またはグリフ単位の結果を作れる

ダウンロードと基本組版実験

  • Download: Alternative Layout Systemスクリプトパッケージのダウンロードリンク
  • Same Sizer

    • 固定幅フォントのように各文字が同じ幅を持つ原理を単語全体に適用する
    • 単語の長さや文字数に関係なく同じ横幅のスペースを占め、整列した見た目を作る
  • Wiggle Out

    • アシュケナージ系ヘブライ語写本や一部のクルアーン本文で見られる方法のように、テキストブロックに収まらない大きな単語を余白側へ回転させる
    • 生成される曲線の強さを調整できる
    • 末端が直線で終わるバージョンも用意されている
  • Fill the Space

    • 一部の写本で使われた方法のように、行の最後の単語とテキストブロック終端の間の空間を埋める
    • 単純なペン線、波形のペン線、最後の文字の反復、句読点、装飾スラッシュ、ピリオドなどを使用できる
    • ユーザーが選んだ1つ以上のグリフで空間を埋めたり、行末の文字を繰り返したりできる

ハイフン、行末、グリフ変形

  • Hyphen Out

    • ハイフンで分割された単語を再結合してハイフン処理を除去する
    • 2番目の部分はテキストフレームの外側に配置される
    • 結果部分のサイズはパーセント単位で調整でき、配置も変更できる
  • Hyphenator

    • 単語分割を避けてテキストフローと可読性を高めるInDesignスクリプト
    • 行末の単語で末尾の文字のサイズを縮小し、利用可能な空間に収める
  • Last is First

    • 次の行に現れる単語をあらかじめ見せるスクリプト
    • 一部のヘブライ語写本で見られる慣行と結びついている
  • Ext. Word & Letter

    • ヘブライ語写本、特に聖書本文の筆写でよく使われた方法のように、行末の最後の文字または最後の単語を拡張する
    • InDesignの1000%の最大拡大制限を回避するため、ベクター化オプションの選択を提案している
    • この方法でフレーム右端を完全に揃えられる
  • Variable Gradient

    • 選択した軸で2つの極端値の間の中間値を計算し、テキストブロック全体にグラデーション効果を作る
    • 結果は単語単位またはグリフ単位で適用できる

1件のコメント

 
GN⁺ 2025-06-28
Hacker News のコメント
  • 「Same Sizer」は文字が機械的に引き伸ばされて不格好に見え、その結果、行ごとに幅が変わってしまう
    理想的には、各行の幅は保ったまま位置だけを伸ばす方式であるべき
    「すべての単語が同じサイズ」という原則をよりうまく適用した例はベトナム書道に見られ、ラテン文字を漢字文化圏に近い筆法と組み合わせることもある。例: [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)
    これはラテン文字で書きながら、同一の正方形のマスに分けた形になっている
    • 不思議だ。例の画像が実はラテン文字だとは絶対に気づかなかったと思う
      中国語が読めないので、中国語のように見えるものは頭の中で「どうせ理解できないもの」に分類されてしまう。この場合、ベトナム語を知っていれば、見慣れた単語や音節を見つけられて助けになったかもしれない
      面白い効果だ
    • 似た文脈で、ここの書道もかなり印象的: https://www.reddit.com/r/language/comments/1gmzro8/what_scri...
    • 参考までに、こうしたアプローチは正方形書法と呼ばれていて、関連リンクが https://gwern.net/doc/design/typography/square/index にまとめられている
      おそらく一番興味深いのは「Hangulatin」フォント(https://www.t26.com/fonts/22320-Hangulatin-EN)で、名前どおりの代物だ。残念ながら放置されていてリンク切れが多いが、昔の動画ではかなり見ることができる: https://www.youtube.com/watch?v=T0syCsC0_4s
    • リンクされていた例を本当に見たかったのに、リンクが切れている
  • ときどき、あまりにも美しく愚かで、その背後にある天才性しか見えないものに出会うことがある。そういうときは本当に楽しい。よくできている
    • 声に出して読んでみたのか気になる。声が即座にロボットみたいになる :D
  • 「Hyphenator」レイアウトは欲しいが、1語だけでなく、もっと長いテキストにも適用してほしい
    余分なテキストが折り返され、フォントはどんどん小さくなって、大学時代に行にスペースがないのに何かを無理やり詰め込んでいた手書きノートの感じを再現してくれるとよい
  • 英語のように音韻表記が不規則な言語では、こうした方式の多くは読むのが苦痛で、特に「Last is First」がそうだ
    「I」を見た直後にそれが「In」になると、理解を頭の中で巻き戻さなければならない。「t」を見た後で「that」になると、黙読中に内声化する人は音素を組み立て直す必要がある。なぜなら「t」と「th」は別の音素だからだ
    • 役に立てば: 「i.e.」は「id est」の略で、「すなわち」という意味
      ここでは「e.g.」(exempli gratia)、つまり「たとえば」と書くほうが適切
    • 読むというのは文字を1つずつ解析するというより、パターン認識に近いのでは? 自分にはそう働いているように思える
      各単語の文字順を入れ替えても、人々がかなり流暢に読めるという有名な文章もある。もちろん全員がそうとは限らないし、文章を理解する仕組みは人によって違うのかもしれない
      ざっと探したら、この文字入れ替え現象についての記事が見つかり、冒頭に例文がある: https://observer.com/2017/03/chunking-typoglycemia-brain-con...
    • 英語も音声ベースの文字ではないのか? 同じ文字が別の音を表すことがあるので表記体系が規則的ではないだけで、それでもを表している
      実際に音を表していなかったら、そんな混乱自体が起こりえないはず
    • 「that」のように短くてよく使う単語は一目で読めるので、戻る必要はない
      「phoenitic」や「subvocalizing」のようにあまり一般的でない単語はあなたの言うように読まれるが、文末に到達するころには「phoneme」は前で複数の形で3回出てきているので、どう読むべきか分かる
  • 「Last Is First」は、文章を書き写す人が位置を見失わないようにするチェックサムに近く見える
    トーラーを読まなければならなかった記憶があるが、標準的な印刷ヘブライ語の読みから母音記号のないテキストへ移るだけでも難しく、さらに文字が引き伸ばされているのでいっそう大変だった。単語を正しく歌うように読む方法も学ばなければならなかった
    それでも、手書きで、完全に両端揃えされた列が羊皮紙の上にインクで書かれている姿は美しかった
    • こういう方式が一般的だったなら、読者も次に読むべき正しい行を見つけるのに使っていたのではないかと思う
      特に長い行では、同じ行をもう一度読んだり、1行飛ばしたりするのはかなり簡単だから
  • どうかこういうウェブサイトは作らないでほしい。1Gbps回線と1Gbpsのネットワークインターフェースがあるのに、サーバーがこれほど大きなサイトをさばききれていない
    画面にレンダリングされると一辺が数百ピクセルを超えない jpeg 画像が、すべて4K解像度で送られてきて、サイズは最大9MiBにもなる。ページによっては合計サイズが40MiBを超え、読み込みに15秒以上かかる
    HN効果のせいでもあるのは分かるが、3Mbpsなら大半の小規模サーバーにとって実際には悪くない転送速度だ。サイト自体が単に大きすぎる
    • この場合は、普段よりは正当化しやすいように見える
      これはエンドユーザー向けにパフォーマンスとコンバージョン率を最大化しようとするウェブサイトではなく、タイポグラファーがタイポグラファーのために作ったデザインのショーケース
      すべてのピクセルが重要で、対象読者なら必要なディテールで成果物を見るために数秒くらい待つ気になるだろう
    • レイアウトを見るリンクがなぜないのかとても混乱したが、実は読み込み中だった
      自分のネットワークでは、最初のものが表示されるまでにも3分以上かかった
  • 「Last is first」は、グレゴリオ聖歌の記譜でよく見られるcustos/custodesを強く思い出させる
    行末に置かれ、次の行の最初の音を知らせる手がかりで、目が次の行の始まりを探している間に音高はすでに分かる。通常、音節は含まない
    例: https://lilypond.org/doc/v2.18/Documentation/notation/ancien...
  • ひどい。気に入った
  • 目に少し問題があり、具体的には弱視と複視がある。ところがsame-sizerは驚くほど読みやすかった
    標準的なテキストより読みやすかった点がかなり不思議だ
    このアイデアを一種のアクセシビリティモードとして使えるのではないかと思う
    • ごく軽い乱視を除けば視覚上の問題はないが、same-sizer のテキストは予想よりずっと読みやすかった
  • それでも「imager」ツールは本当に素晴らしい:
    https://alternativelayoutsystem.com/imager/