THE SCHOOL OF KAMOS
現場の開発から学ぶ、世界一やさしい日刊AIスクール新聞
AIにデザインを頼むとなぜ「どこか惜しい見た目」になるのか?
4領域4,000手筋の体系化で見えてきた、AIの迷いを消す「定石カタログ」の仕組み
なぜAIに「かっこいいWeb画面を作って」と頼むと、ボタンが大きすぎたり余白が窮屈だったり、どこかチグハグな仕上がりになってしまうのでしょうか? 決してAIの手抜きではありません。実はAIは「かっこいい」という抽象的な言葉を解釈する際、無限にある選択肢の中からサイコロを振るように無難なパーツを繋ぎ合わせているため、全体の調和が崩れてしまうのです。この素朴な疑問に現場は正面から向き合いました。
この現象は、チェスや将棋を覚えたての人が「なんとなく強そうな駒」をバラバラに動かして自陣を崩してしまう様子によく似ています。プロの棋士は気分で駒を動かしているのではなく、何百年も磨かれてきた「定石(基本の手筋)」を身につけています。定石という確かな土台があるからこそ、局面に応じた美しい次の一手が打てるのです。AIも同じで、デザインの「基本手筋」が頭の中で整理されていないまま自由に作らせると、要素同士が喧嘩してしまいます。
そこで現場では、デザインを4つの領域(グラフィック・Webサイト・Webアプリ・プレゼン)に分類し、それぞれ1,000手ずつ、合計4,000種類もの具体的な基本手筋(Atomic Moves)と規律(Discipline)をカタログとして体系化しました。「この画面にはこの余白比率を使い、この3つの技を組み合わせる」という連携ルートをあらかじめ知識グラフとしてAIに手渡すことで、AIは迷うことなく、プロのように端正で統一感のある画面を確実に組み上げられるようになりました。
"自由奔放に作らせるのではなく、4,000の定石を渡すことでAIのセンスは一気に研ぎ澄まされる。"本日の重要ポイント
📖 今日の1分AI単語辞典
「余白を16px空ける」「角を丸める」といった、デザインを構成する最小単位の具体的テクニック
技と技の相性や組み合わせルールを、点と線でつないで整理した地図のようなデータ構造
4,000手筋のデザイン定石がAIの迷いをなくす仕組み
直近のAI世界観測:現場とつながる最新トレンド
TOPPAN、AIペルソナを活用したCX支援サービスを提供開始
凸版印刷が顧客体験(CX)向上のため、多様な購買層の特性を模倣するAIペルソナサービスを開始しました。仮想の顧客群に対して施策を事前検証し、デザインや導線のミスマッチを防ぐ試みです。
世界の最新研究とどう繋がってる?
AIが実用的なコードやWebサービスを組み立てる際、単に見た目らしい文章を出力するだけでなく「実際に正しく動作するか(実行可能性)」を厳密に評価する研究が進んでいます。現場で構築した4,000手筋のデザイン体系も、AIが曖昧な装飾を思いつきで出力するのを防ぎ、確実に意図通り動くCSSやUIコンポーネントを組み立てるための実行可能な規律として、世界の評価軸と深く軌を一にしています。
AIに整ったデザインを作ってもらうために、最も効果的なアプローチはどれでしょうか?
過去のスクール新聞バックナンバー
過去ログを記憶に変えるメモリ直読技術
試作を「作って捨てる」から「生きた標本にする」へ:51の実験を繋ぎ止める軽量ショーケースの進化論
表示中
AIにデザインを頼むとなぜ「どこか惜しい見た目」になるのか?
暗黒の深海で光を正しく届ける技術:WebGPU計算シェーダーが実現した水中光学のてこ比
12万個の建材をAIに下から積ませたらどうなる? WebGPUで挑んだ安土城の思考実験
型を繋いで技を編む:AIグラフィックを迷わせない3層ハーネスの知恵
捨てたい勇気と守りたい秩序:出荷前ガードが解いたコード整理のジレンマ
AIが突然止まらないための「迂回路」のつくり方
滑らかさを求めて回し続けたループを止めたら、画面がもっと軽やかに動き出した
波の切れ目をなくす数学:1ピクセルのズレも許さない背景タイルの同期術
「世界最高峰の分析」を削ったらAIが賢くなった話:プロンプトの肩書デトックス
毎回AIに考えさせない贅沢:159ページを線で結ぶ「有向読書グラフ」の知恵
採点指示を消したらAIの目が澄んだ:1行の引き算が生んだ「てこ比」