--- title: 詰め方の問題 date: 2025-07-24T00:00:00.000Z updated: 2026-02-20T09:26:12.942Z tags: - diary url: https://baku89.com/ja/how-to-pack --- # 詰め方の問題 ![](https://wp.baku89.com/wp-content/uploads/2026/07/scrapbox-688123a9862f1dd4014f2e3e.png) デザインの話をしているって言いながら、「グラフィック」デザインの話がぜんぜん出てこない。 出てくるのはキャリアのこととか、組織論とか、どこからどこに資本が流れているかとか、[Design Thinking](/Design_Thinking)がどうとか、そういう話ばかり。もちろん、それも大事な視点ではある。現実にお仕事としてやる以上、社会的な関係性や構造を抜きに語ることはできないし、実際それに無頓着な態度には限界もある。 でも、そればかりに目がいくと、ローレイヤーな部分——例えばツールとか、配置のアルゴリズムとか、ベクターグラフィックの仕様だとか——がもう空気みたいに透明化されて、視覚的な佇まいがどう技術的・制度的に規定されてるかって視点がスコーンと抜け落ちる。 で、「表現はもうやり尽くされた」とか言うんだ。けど、それって本当にやり尽くされたんだろうか？　実際には、思考の抽象度を早い段階で上げてしまったせいで、単に他の可能性を見失っているようにぼくには思える。つまり、まだ見ぬ手法や構造、ツールとの接続の仕方といった具体的な探究の余地があるにもかかわらず、もう語る必要もないものとして処理してしまっている。その結果、手技や身体感覚に立脚した実践がごっそり見落とされてしまう。 UIデザインの話に多少ずれるけど、たまたま[Katashin](/Katashin)さんの『[UI の実装に関する勉強会をやりたい](https://sizu.me/ktsn/posts/tsuuvsk35ed1)』ってポストを読んだ。読んでて、たしかになぁって思った。ユーザー体験とかインセンティブ設計とか抽象的な話題、あるいはライブラリ選定とかプラグマティックな話はいくらでも出てくるのに、UIの見た目やインタラクションの手触りのような話になると、各々による現場レベルの工夫として、それっぽいデザイン論から疎外されてしまう。記事中で紹介されていた [Skyline アルゴリズム](https://katashin.info/posts/skyline-algorithm/)は、CSS Grid や [Masonry レイアウト](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout)では表現できないような要素の詰め込み（パッキング）を実現する技法で、空きスペースを最小化しながら視覚的なリズムを成立させるような仕掛けになってる。こういうのって、一見「技術語り」に見えるけど、じつは表層の「ニュアンス」をどう作るかっていう極めて感覚的な設計の話でもある。計算アルゴリズムの選択が、画面の重心や流れ、間のニュアンスにまで影響を及ぼしている。デザイナーにしてはローレイヤーな技術の話に生真面目に取り組むことが、そのままグラフィックの佇まい（しいてはユーザー体験……？）に直結する好例だ。 実務レベルではみんな、グラフィックについて手を動かしながら考えているのだと思う。けど、いざメディアに出たり本を書いたり、あるいは私的な会話ですら、グラフィック表現そのものについて語ることは意外なほど少ない。もちろん、そういう具体的でローレイヤーなことが語られにくいのにはそれなりの理由もある。Skyline アルゴリズムのような実装レベルの工夫って、デザイナーにとってはコードが絡みすぎて遠いし、逆にエンジニアにとっては「そんな微妙な佇まいにどれだけコストかけるの？」ってなりがちで、どっちの領域にもちゃんと引き取られない。現場では確実に扱われているのに、語る言葉も場所もない。だから、実際に手を動かしてる人も、自分が何をやってるのかを言語化しづらくなる。語られないから可視化されず、可視化されないから語る文化が育たない、というループがあるように思う。 加えて、そういうことについてチマチマ語ること自体が、「仕切る人、[企み人](/%E4%BC%81%E3%81%BF%E4%BA%BA)としてのスマートさ」から外れるとされる空気もある気がする。細部の話をしていると、「現場レベルにとどまっている人」っぽく見られる。だから、活躍している人たちほど逆に、メタな構造や意図、戦略だとか、いわば語っても恥ずかしくない話に収斂していってしまう。別に放っておいたっていいのに、この手の語り口をぼくが[寄稿とか](/web-designing-2025-04)でつつきたくなるのは、そこにちょっとしたゼロサムっぽさを感じるからだ。界隈にいるデザイナーの方々の有限財としてのアテンションや言語資源が、そうしたメタい話にばかり使われてしまうと、それ以外の語りがどんどん場を失ってしまう。べつに世直しをしようってわけじゃない。けど、「もういいんじゃない？　その手の話」くらいは言ったっていいと思ってる。 Skyline アルゴリズムの「詰め込み」で思い出したんだけど、グラフィックデザインにおいて“詰める”といえば、まずは文字詰めのことだ。組版の現場では、1字ごとの間をどう詰めるかで誌面全体のリズムが決まるし、読みやすさの質も左右される。今でこそ DTP ソフトがある程度自動化してくれているけど、当時はすべて人力で、かつ感覚の勝負だった。 この文脈でいつも浮かぶのが[杉浦康平](/%E6%9D%89%E6%B5%A6%E5%BA%B7%E5%B9%B3)だ。なぜ彼が今でも変わらずアツいのかって、組版技術とか写植機の構造に、その技術的制約に、デザイナーでありながら深い関心があったからだ。たとえば日本語の金属活字は縦書き横書き兼用の都合ですべてが同じ正方形で、物理的に「詰める」なんてこともできない。結果として、ひらがなやカタカナはどうしてもスカスカになる。そこで杉浦や同時代のデザイナーは、写真植字で印画紙に打ち出した文字を切って貼る「[詰め貼り](https://ja.wikipedia.org/wiki/%E8%A9%B0%E3%82%81%E7%B5%84%E3%81%BF)」を考案した。ここで大事なのは、それが単なる視覚的調整ではなく、当時のデザイン技術が当然視していた字間という変数の値域を、マイナスの値にまで拡張した点だ。そしてそうした実験の積み重ねが、今日の和文タイポグラフィ文化へと繋がった。事実、文字詰めという言葉自体、彼とその周辺から立ち上がってきたって話を『[杉浦康平と写植の時代](/%E6%9D%89%E6%B5%A6%E5%BA%B7%E5%B9%B3%E3%81%A8%E5%86%99%E6%A4%8D%E3%81%AE%E6%99%82%E4%BB%A3)』で読んだっけ。つまるところ、デザイナーであると同時に技術オタクでもあったからこそ、あれだけの表現が可能になった。それこそが、あの本の言葉を借りるならば「デザインにおけるアバンギャルド」だった。（うろ覚えだからファクトチェックが必要そう…） 結局のところ、ぼくが気になっているのは、ものごとを媒介する関係性や構造ばかりが語られて、肝心のそれ自体——グラフィックであれ、アニメーションであれ、画面に現れる[表層](/%E8%A1%A8%E5%B1%A4)的な[それそのもの](/%E3%81%9D%E3%82%8C%E3%81%9D%E3%81%AE%E3%82%82%E3%81%AE)が、語られることなくどこかへ押しやられていることだ。もちろん、それをめぐる構造、物語性、組織や経済がどう影響しているかは、無視できるわけじゃない。でも、だからといってそればかりに意識を向けるのは、[Lev Manovich](/Lev_Manovich)が言うように、画面の「出力」だけを見てその背後にあるプログラムのアーキテクチャを問わないのと同じくらい片手落ちだ。それは生存戦略として間違っちゃいないにせよ、グラフィックデザイン文化としては貧しいと思う。 なぜCSSの`border-radius`による角丸が曲率不連続で、ベジェ曲線は円弧を近似的にしか表せないのか。それは何を前提にしていて、どこから手をつけられるのか。そういう、地味でオタクっぽくて、だけど具体に接地していて、そしてグラフィック全体の佇まいをボトムアップに統べる問いに、もう一度きちんと戻ってこないとならない。この手のコトに引っかかり続けるのは、たぶんあまり効率もよくないし、話としてもウケが悪い。でも、視覚刺激としてのグラフィックそのものへの興味、そこに素朴に惹かれている自分の感覚を、もう少しだけ信用してみてもいいのかなって、最近は思っている。