あなたは何かがバグのように感じられて困惑しながら書いてきました。新しいお店のためにレストランサイトを生成し、気に入らなかったので再生成したところ、看板だけ変えた同じサイトのように見えるものができた、と。テラコッタの壁、クリーム色のカード、ポートランドからプラハまでどのビストロにでもありそうなセリフ体のロゴタイプ。あなたはもっともな疑問として、このツールは内部で一つのテンプレートを使い回しているだけなのではないかと尋ねました。
そうではありません。そして、安心させて終わらせるのではなく、きちんとその問いに答えたいと思います。
あなたが経験した問題は本物であり、あなたのビルドに固有のものではありません——それは、特別な指示を与えられずに大規模な学習分布から生成するものすべてに共通する、よく知られた失敗パターンです。方向性を示さずにモデルにレストランサイトのデザインを依頼すると、これまでに見てきたあらゆるレストランサイトの統計的な「平均」に落ち着きます。そしてその平均はテラコッタとクリーム色になります。なぜなら、それが分布の中で最も多いからです。SaaSのランディングページ(中央揃えのグラデーションヒーロー、丸みを帯びた3つの機能アイコン)や、暗号資産ダッシュボード(どのモデルも一致して使いたがる、あのインディゴからバイオレットへのグラデーション)も同じです。モデルが別のものを作れないわけではありません——1970年代のスキーリゾートのパンフレット風や、ソビエトの交通路線図風にデザインしてと頼めば、たいていうまくやってのけます。何も決定を強制するものがなかったため、平均値をデフォルトとして選んでしまっただけなのです。
実際に裏で変わったこと
2回目の試行が違って見えるはずだった理由 — そしてもしそうならなかったのなら、それはあなたが回避策を探すのではなく、私たちが直接直すべき部分です — は、ビルダーが実際にマークアップを書く前に実行する「デザインディレクター」と呼んでいる工程にあります。その唯一の仕事は、後でビルダーが逃れられないような選択をすることです。具体的には次のとおりです。
- 役割の付いた5〜7色の指定色 — 「プライマリ/セカンダリ」ではなく、「危険状態のためだけに使う色」「ホバー時にしか現れない色」といった形で
- 理由のある2つの書体
- 2〜3文のムード指定 — 実際のアートディレクターがボードに貼り付けるような言葉
私たちがブリーフに課すテストは、それに「背けるかどうか」です。「温かみがあって親しみやすい」は背きようがありません — 破ることができない以上、強制することもできず、結局ビルダーはブリーフの内容に関わらずまたテラコッタとクリームに戻ってしまいます。「クリーム紙にインクの輪郭線を使った温かみのある手描きの秋のパレット、光沢なし、ドロップシャドウなし」は本物のコミットメントであり、そのブリーフに反してガラス質のグラデーションカードがレンダリングされれば一目で間違いだと分かります。それこそがブリーフを役立つものにしているのです。
もしあなたのビルドが没個性なものになったのだとすれば、正直に言えば、プロンプト内のブリーフが曖昧すぎて、ディレクターが確固たるものにコミットできる材料がなかった可能性があります。参照 — 場所、時代、素材、あるいは単に「ベージュ禁止」でも構いません — を指定するだけで、押し返す拠り所ができます。
スクリーンショットだけでなく、これを信頼できる理由
何が私を納得させたのかをお伝えします。見栄えの良い3つの例を並べて眺めることではありませんでした — それでは存在しない勝利を自分に信じ込ませているだけです。私たちはディレクター導入前と導入後で、カテゴリごとに数百件のビルドを実行し、同一カテゴリのビルド間のペアワイズ色距離を、生のRGBではなくLab空間のデルタEを使って測定しました。RGBでは、画面上では同じに見える2つの似たような彩度の青が大きく離れていると誤って判断してしまうためです。レストランサイトはディレクター導入前に最悪の状況で — 圧倒的多数が狭いデルタE帯域に密集し、すべて同じテラコッタに手を伸ばしていました。
過大評価もしません。色距離が測っているのは「見た目が異なるか」であって「見た目が良いか」ではなく、まだレイアウトや書体のバリエーションについては何も語っていません。これらは色ほど注意深く計測できていません。パレットは近隣と最大限に異なっていながらも醜い場合があります。私たちは、あなたが構築しているものにとっては「安全で均一」よりも「際立っていて時々奇妙」のほうが優れていると考えていますが、それは証明ではなく判断です。
あなたの側で注意すべきこと
逆方向に働く失敗パターンもあり、遭遇する前に触れておく価値があります。「シンプルでモダン」が仕様不足ではなく、実際の要望である場合もあるということです。エンタープライズ向けSaaSダッシュボードを構築する人は、しばしばあえて「ありきたりなパターン」を望みます。ユーザーがそれを期待しており、そこから逸脱すると喜びではなくサポートチケットが発生するからです。差別化に熱心すぎるディレクターは、時に頼んだ以上にアートディレクション色の強いものを返してしまうことがあります。私たちはあなたの明示的な制約を、差別化しようとするディレクターの本能よりも優先しているため、「ありきたりでエンタープライズ的」と指定すれば、あなた自身のブリーフへの反抗ではなく、洗練された「ありきたり」が得られるはずです — ただし、既にブランドカラーやロゴ、店舗の参考写真がある場合は、それをプロンプトに記載するか直接添付してください。固定された入力は、ディレクターが独自の方向性を発明するよりも常に優れており、それらは提案ではなく制約として扱われます。
ちなみに、これはサイトの代わりに私たちのゲームの一つを構築する場合、さらに重要になります — ゲームは、ランディングページよりもディレクターが方向付けを怠れる余地がはるかに大きいためです。ゲームのブリーフは、スプライトのスタイル、アニメーションの感触、UIのクロム、そしてオーディオのパレットまでを1回のパスで一体として固定する必要があります(オーディオ面の詳細については Sound that isn't beeps をご覧ください)。一つのビルド内の不整合は、無関係な2つのビルド間の不整合とは違い、「未完成」に見えてしまうからです。
