世界を動かす技術を、日本語で。

代替レイアウトシステム

概要

  • InDesign用スクリプトの特徴と機能を解説
  • 手書き写本やタイポグラフィ技法の再現
  • 各スクリプトの役割と調整方法
  • レイアウトや可読性の向上策
  • カスタマイズ性や応用例の紹介

Same Sizer スクリプト

  • 等幅フォント の原理を応用し、 単語ごと に同じ横幅を割り当てる
  • 単語の長さや文字数 に関わらず、各単語が同じスペースを占有
  • テキストブロック内での 整然とした配置視覚的な統一感 を実現

Wiggle Out スクリプト

  • Ashkenazi Hebrew写本 や一部の クルアーン写本 で見られる伝統手法の再現
  • テキストブロック内に 収まらない単語余白部分へ回転配置
  • カーブの強さ を調整可能、 直線仕上げバージョン も選択可能

Fill the Space スクリプト

  • 行末の 余白部分様々な要素 で埋める手法の模倣
    • シンプルまたは波線のペンストローク
    • 行末の文字の繰り返し
    • 句読点や装飾スラッシュ、ピリオドなど
  • 任意のグリフ行末文字の繰り返し で余白を埋めるカスタマイズ

Hyphen Out スクリプト

  • ハイフネーション(単語の分割) をなくすための機能
  • ハイフンで切られた単語を 再結合 し、 後半部分をテキスト枠外へ配置
  • サイズ(%)や配置位置 の調整が可能

Hyphenator スクリプト

  • InDesignのテキストフロー可読性向上 をサポート
  • 行末の単語が枠内に収まるよう、 最後の数文字のサイズを縮小
  • 単語分割を回避 しつつ、自然なレイアウトを維持

Last is First スクリプト

  • 次行に現れる 単語のプレビュー を表示
  • 一部の ヘブライ語写本 で見られる現象の再現

Ext. Word & Letter スクリプト

  • 行末の 最後の文字 または 最後の単語 を拡大表示
  • ヘブライ語写本、特に 聖書写本 の複製作業で多用
  • InDesignの拡大率上限(1000%) を回避するため、 ベクトル化オプション を推奨
  • フレーム右端との厳密な整列 を実現

Variable Gradient スクリプト

  • テキストブロック全体に グラデーション効果 を付与
  • 選択した軸に沿って 2つの極値間の中間値 を計算
  • 単語単位 または グリフ単位 で適用可能
  • 視覚的な強調やデザイン性の向上

Hackerたちの意見

これ、ひどいけどめっちゃ好き。

でも「イメージャー」ツールは本当にクールだよね。

「セムサイズ」はキャラが機械的に引き伸ばされてるから、各行の幅がバラバラで見た目が悪いと思う。理想は、行の幅を揃えて、位置を引き伸ばすことだね。「すべての単語が同じサイズ」って原則のいい例は、ベトナムの書道に見られると思う。ラテン文字と中国風の書き方が組み合わさってることもあるし、例えばこれね。

あなたがリンクした例を見たかったんだけど、リンクが壊れてるね。

「ハイフネーター」レイアウトが欲しいけど、1単語だけじゃなくてもっと多くのテキストを入れたい。フォントがどんどん小さくなって、余白がないところにメモを詰め込む感じにしたいんだよね。

「ラスト・イズ・ファースト」は、グレゴリオ聖歌の記譜法でよく見るクストス(custos)を思い出させる。行の終わりにあって、次の行の最初の音を示唆してるんだよね。目が次の行の始まりを探してる間に、音の高さが分かるって感じ。

時々、すごく美しくてバカみたいなものに出会うことがあって、その背後にある天才を感じて嬉しくなる。よくやった!

声に出して読んでみた? すぐにロボットみたいな声になるよね :D

「セムサイズ」は、まさに俺が正当化されたテキストに感じることそのもの。

非音素言語、つまり英語では、こういう方法は痛いほど難しいよね。特に「Last is First」とか。例えば「I」を見たら、次は「In」になるから、頭の中で逆戻りして理解し直さなきゃいけない。「t」を見たら、次は「that」だから、声に出さずに読むときは、音素を再構成しないといけないんだよね。だって「t」と「th」は違う音素だから。

読むって、文字を一つ一つ解析するよりも、パターン認識に近いんじゃない?私にはそういう風に感じる。ちょっと有名なテキストがあって、各単語の文字がぐちゃぐちゃになってるのに、人々はそれを流暢に読めるんだよね。でも、みんながそうだとは限らないし、書かれたテキストを理解する方法は人それぞれだと思う。編集:ちょっと検索したら、ぐちゃぐちゃの単語現象についての記事が見つかったよ。例文も載ってるよ:https://observer.com/2017/03/chunking-typoglycemia-brain-con...

助けになればと思って言うけど、「i.e.」は「id est」の略で、「つまり」という意味なんだ。あなたのテキストでは「e.g.」(exempli gratia)と言った方がいいよ。「例えば」という意味だから。

こういうレイアウトはカーニングのルールを壊すんだよね。レンダリングエンジンは水平の流れと一定の間隔を期待してる。でも、同じサイズやエコーされた行があると、グリフのロジックが道を外れちゃう。間隔がフォントのネイティブじゃなくなって、レイアウトによって強制されるようになる。フォントはただのビジュアルじゃなくなって、レイアウトロジックの一部になるんだ。全体のエンジンが本来の目的じゃないことをし始める。そうすると、レイアウトがタイポグラフィのロジック自体を変え始めるんだよね。

これを好きになりたいんだけど、ページが数秒ごとにリロードされちゃうんだ。ほんとにイライラする。