見出し画像

【デザインとAI】20260728〜29

デザインとAI

またも熊本で地震・・・。備えを。


AIに読ませない技術が生まれ始めてる。

Brandon K. Hill | CEO of btrax 🇺🇸x🇯🇵/2

カテゴリ：UI/UX・タイポグラフィ

AIに読ませない技術が生まれ始めてる。「AIには読めないフォント」がサンフランシスコで生まれた。Ghost Fontといって、文字を線で描かず何千もの動く点で表現し、文字部分の点だけを背景と逆方向に動かす。人間の脳は同じ方向に動く点を瞬時に一つの塊として認識するので、文字が浮かび上がって見える。でもAIに静止画1枚を渡すとただのノイズ。作者の動機が最高で、母親とのメッセージにAIが勝手に要約を挟ん…

反響: 「AIに読まれない権利」という新視点に共感が集中。動画付きで仕組みが分かりやすく、プライバシー設計の未来を議論する反応多数。解読できた/できなかった報告も活発。

示唆: AI時代のデザインは「人間に見えるが機械に読めない」という知覚差を積極的に活用する方向に進化している。プライバシー要件をフォントやインタラクションに埋め込む発想は、今後のUXデザインの必須スキルになる可能性が高い。

Ghost Font とは？

Ghost Fontは、サンフランシスコのMixfontチーム（開発者Eric Lu氏）が2026年7月頃に公開した実験的な「反AIタイポグラフィ」システムです。従来のフォントファイル（.ttf/.otf）ではなく、ブラウザ上で短い動画を生成するツールとして機能します。

基本原理：動きによる情報符号化

文字は「線や塗り」ではなく、数千の小さな点（ドット）の動きの差だけで定義されます。

  • 背景領域のドットは一方向に流れる（例：下方向）。

  • 文字を構成する領域のドットは、逆方向に流れる（例：上方向）。

  • 単一の静止フレームを見ると、すべてのドットは同じ色・密度で描かれており、文字の輪郭は完全に背景のノイズに溶け込みます。スクリーンショットを撮っても、ただの砂嵐・ランダムノイズにしか見えません。

人間の視覚はGestaltの共通運命の原理（common fate）と運動からの構造復元（structure from motion）を瞬時に働かせます。同じ方向・速度で動く点群を「一つのまとまり」として知覚するため、動画を再生すると文字が浮き上がって見えます。これは生物学的運動知覚（生物の光点から歩行を認識する能力）に近い現象です。

一方、多くのマルチモーダルAI（特に一般的なチャットUI経由）は動画をフレーム単位の静止画像列として処理する傾向が強いです。各フレームに明確なエッジやコントラストがないため、OCRや通常の視覚認識では文字を抽出できません。

追加の防御層：おとりメッセージ

動画内には、静止時にもうっすらと見える偽の文字列が埋め込まれています。AIがフレーム解析や簡易OCRを試みた際、このおとりを「正解」と誤認して自信満々に返すケースが多く報告されました。本物のメッセージは動きの中にしか存在しないため、おとりに引っかかりやすい設計です。

技術的な実装イメージ

  1. ユーザーが短いフレーズを入力。

  2. ツールがランダムドットフィールドを生成し、文字形状に対応する領域のドットに逆方向の速度ベクトルを付与。

  3. 短いループ動画（数秒程度）として出力・ダウンロード可能。

  4. 背景と文字領域のドットは色・サイズがほぼ同一で、動きの差分のみが信号となる。

限界と現在の状況

  • 完全にAIに読めないわけではない。光学フロー（optical flow）解析、フレーム差分、運動ベクトル抽出、エージェントに「背景と逆方向に動く点群を追跡せよ」と明示的に指示するなどの手法で、公開後すぐに解読例が登場しています。GitHub上にも専用デコーダーが公開されるなど、モーション解析を組み込めば抽出可能です。

  • 可読性は通常のテキストより低く、長文には向きません。実験的な位置づけで、実用のプライバシー保護ツールというより「人間とAIの知覚差を可視化するデモ」です。

  • 動機は、開発者自身が母親とのメッセージにAIが勝手に要約を差し込んでくるのが嫌だった、という個人的な体験から来ています。

要するに、Ghost Fontは情報を空間（1フレーム）ではなく時間軸（フレーム間の相対運動）に置くことで、人間の優れた時間統合能力と、現状の多くのAIパイプラインが持つ「時間盲（time blindness）」のギャップを突いた仕組みです。次の10年のUXで「AIに読まれない権利」をどうデザインするか、という議論の象徴的な事例になっています。

IKEAのAI導入事例が日本企業にとってかなり参考になりそうなので、紹介します。

Brandon K. Hill | CEO of btrax 🇺🇸x🇯🇵/2

カテゴリ：サービスデザイン・組織デザイン

IKEAのAI導入事例が日本企業にとってかなり参考になりそうなので、紹介します。顧客対応の47%を自動化したが、その部署の8,500人を一人も解雇せず、全員をインテリアデザインの相談役に再教育し、AIには絶対できない仕事に移した。それにより、AIには代替できない「家づくりの相談」という新しいサービスが立ち上がり、このデザイン相談チャネルは今や10億ドル規模の売上に育っている。彼らを「AIに置き換わ…

反響: 「解雇せず再教育」という姿勢に高く評価。日本企業への示唆として保存・引用が多く、「AIで空いた時間を高付加価値のデザイン業務に振る」実例として実用性が強調された。

示唆: AI導入は人員削減ではなく、人間にしかできないデザイン相談・価値創造領域へのシフトを加速させるべき。デザイン職の役割再定義が、企業の競争力を左右する実践的教訓。

Claude Opus 5でかなりリッチなサイトを作る16分の解説動画が海外で話題に...■ 使うツールは4つ・Pinteres…

すぐる | ChatGPTガチ勢 𝕏

カテゴリ：WEBデザイン・フロントエンド

Claude Opus 5でかなりリッチなサイトを作る16分の解説動画が海外で話題に...■ 使うツールは4つ・Pinterest（参考デザイン探し。「real estate award winning website」で検索して1枚コピー）・Higgsfield（ヒーロー画像の生成と加工。GPT Image 2とNano Banana 2を使い分け）・Figma（モックを作ってスクショ。Clau…

反響: 具体的なツール連携と手順が「すぐ試せる」と好評。動画解説の保存・ブックマークが突出し、実践的なワークフローとして拡散された。

示唆: 参考画像→画像生成→Figmaモック→AI実装のループは、言葉より視覚指示を優先する方が精度が上がる。非コーダーでも高品質サイトを短時間で作れる実用的な型が確立しつつある。

claude design is by far the single most underrated ai product …

Mckay Wrigley

カテゴリ：UI/UX・プロダクトデザイン

claude design is by far the single most underrated ai product rn. a world class designer for everyone. using it w/ opus 5 this weekend has completely transformed how i build. it should be 100x more …

反響: 「過小評価すぎる」「仕事が変わった」という体験談が多数。Claude Designの実用性が一気に注目され、試用報告が増えた。

示唆: 専用デザインAIは汎用LLMより「美意識と実装の橋渡し」に特化しており、デザイナーの日常ツールとして急成長中。ワークフローに組み込むだけで生産性の質が変わる。

My workflow lately: Design in Figma, ask Claude for tweaks, new …

DANN©

カテゴリ：UI/UX・プロトタイピング

My workflow lately: Design in Figma, ask Claude for tweaks, new flows, new screens. It makes them right in the file, then builds the working prototype. Me, Claude, and Figma in a loop. Feels like havi…

反響: 「Figma内で直接編集」という手触り感に共感多数。「デザイナー友達がいる」表現が刺さり、同じループを試す人が続出。

示唆: FigmaとClaudeの密結合は、デザイン→プロトタイプの往復コストを劇的に下げる。AIを「外注」ではなく「同ファイルの共同作業者」として扱うのが現在の最速実務スタイル。

Midjourney 8.2 is pretty damn awesome. 8.1 was a headache but th…

Alex Aperios

カテゴリ：グラフィック・エディトリアルデザイン

Midjourney 8.2 is pretty damn awesome. 8.1 was a headache but the update to 8.2 has made a huge difference. I'm definitely going to be jumping heavily back into some editorial design! （訳：Midjourney 8.…

反響: 実際の生成画像付きで「品質が実用レベルに戻った」と評価。編集デザイン用途での再活用意欲が共有された。

示唆: バージョンアップで「使える/使えない」が明確に分かれる時代。エディトリアル用途では最新版を即検証し、実務フローに戻す判断が重要。

midjourney 8.2, you beautiful thing 🥰 （訳：Midjourney 8.2、美しいものね🥰）

Julie W. Design

カテゴリ：グラフィックデザイン・ポストフォトグラフィ

midjourney 8.2, you beautiful thing 🥰 （訳：Midjourney 8.2、美しいものね🥰）

反響: 高品質な生成例4枚が「美しさ」で注目を集め、プロンプトや用途を尋ねる反応が増加。実用例として保存された。

示唆: 最新モデルの出力品質を視覚で即座に共有することで、コミュニティ全体の試用が加速する。美しさそのものが実務採用の判断材料になる。

BREAKING: Claude Opus 5 by @AnthropicAI is 2nd overall on Design…

Design Arena

カテゴリ：UI/UX・ベンチマーク

BREAKING: Claude Opus 5 by @AnthropicAI is 2nd overall on Design Arena with an Elo of 1358. We see some UI improvements as compared to Fable 5 on real world frontend tasks, placing Claude Opus 5 in th…

反響: 客観的なランキングとして信頼され、「どのモデルを実務で選ぶか」の判断材料に。UI改善点が特に注目された。

示唆: デザイン特化ベンチマークが登場したことで、主観ではなく数値でモデルを比較できる時代に。実務選定は「好みと速度のバランス」を見るのが合理的。

岩肌に残る潮のきらめきと、ふと振り返る視線。

Prompt アトリエ｜AI画像プロンプト

カテゴリ：グラフィック・AI写真

岩肌に残る潮のきらめきと、ふと振り返る視線。夏の海だけが知っている一瞬。🌊🫧☀️ #AIart #AI写真 【GPT Image2プロンプト】主題：潮だまりの視線 主体：縦長4:5の写真。岩礁の入り江で、成人女性が画面中央やや左に全身で立ち…（詳細なプロンプト全文）

反響: 超詳細プロンプトが「そのまま使える」と保存・コピー多数。ネガティブプロンプトまで含む完成度が実用性を高めた。

示唆: プロンプトは「テーマ＋構図＋質感＋カメラ設定＋ネガティブ」をテンプレ化すると再現性が飛躍的に上がる。共有可能な実用資産として蓄積する価値が高い。

本職デザイナーから見れば、非デザイナーが作る"デザインに凝ったスライド"の99%は無駄な努力に見えるクオリティなので、非デザイナ…

sogitani / baigie inc.

カテゴリ：プレゼンテーションデザイン

本職デザイナーから見れば、非デザイナーが作る"デザインに凝ったスライド"の99%は無駄な努力に見えるクオリティなので、非デザイナーは諦めて白黒メイリオ箇条書きに振り切って内容を練る方に時間を使った方が吉。あと今の生成AIが作るスライドもうるさいのが多く白黒メイリオ箇条書きのほうが良き。

反響: 「AIスライドはうるさい」という率直な指摘に共感多数。非デザイナーへの実践的な助言として引用・保存された。

示唆: 生成AIの装飾過多を避けるには「シンプルに振り切る」判断が有効。内容優先の白黒箇条書きは、AI時代でも依然として最も読みやすく実用的な選択肢。

【全体的な傾向】

直近の「デザイン＋AI」界隈では、単なる「AIで画像を生成する」段階から、具体的な実務ワークフローへの組み込みが加速しているのが特徴的だ。

特に目立つのは、FigmaとClaudeの密なループ（デザイン→AI調整→プロトタイプ）、Midjourney最新版のエディトリアル用途への回帰、そして「AIに読まれない」という新しいプライバシー要件のデザイン化である。
IKEA事例のように、AIで自動化した時間を「人間にしかできないデザイン相談」へ再配置する組織的な実践も高く評価された。

プロンプト共有も詳細化が進み、単なるおしゃれな画像ではなく「そのまま使えるテンプレート」として機能し始めている。
一方で「AIスライドはうるさい」「AIっぽさからの脱却」といった批判的視点も根強く、美しさや簡潔さをどう担保するかが議論の軸になっている。

全体として、ツールの性能競争から「どう人間の仕事を再設計し、どの部分をAIに委ねるか」という運用デザインのフェーズへ移行しつつある。


いいなと思ったら応援しよう！