AIと制作
見た目を決める入口は二つ。言葉で組むか、カンプ画像で先に決めるか。どちらもあとから同じ工程に入ります。読ませる知識はAIに渡すスキルで分けます。
図の中身を文字で読む
- AIと制作で決めること 生成物を既定値から離す
- 先に決まっていること すべての分野
- 指示する AIに作らせる
- 既定値から外す AI Slopを避ける
- 判定する 検証と完了
- ここが効く先 公開
入口の前に#
指示の前に、何を読ませるかはAIに渡すスキルで分けています。入口A・入口Bのどちらでも、7項目を渡す前に参照します。
このページから降りる#
AIに作らせる入口A。指示の具体性が出力を決めるブリーフの実例
カンプ画像から組む入口B。画像で見た目を決めてからコードにする
AI Slopを避ける合流。既定の見た目を検出して外す文章のNG表現リスト
検証と完了合流。どこで人が判断するか
2つの入口#
見た目を決める正規のルートは二つです。どちらも先に要件を揃え、そのあと同じ工程に入ります。
両方ともブリーフに書く7項目は同じ中身で渡します。詰まったあとの逃げ道ではなく、最初から選ぶ二つの入口です。
合流する工程#
入口を選んだあとは、次の順で同じです。
- AI Slopを避ける — 既定の型が残っていないか外す
- 検証と完了 — ブリーフの「完了の判定」を満たしたか確かめる
入口Bだけ、合流の前にカンプ画像から組むの分解・画面幅・動きを済ませます。
この分野が答えになる場面#
全10件。ほかの分野もまとめて引くなら逆引きへ。
この分野が答えになる場面困り事から引く10 件
| こういうとき | 答え | いますぐ | 詳しくは |
|---|---|---|---|
| 自動チェックツールで問題0だった | 機械で判定できるのは一部の基準だけ。キーボードで一周し、読み上げで見出しを拾ってみる。 | コードを開く | 検証と完了 |
| AIで組むとき、文字からか画像からか迷う | 入口は二つ。言葉で組むか、カンプで先に決めるか。要件の7項目は同じ。あとから slop と verify に合流する。 | コードを開く | index |
| AIに作らせると毎回同じ見た目になる | 禁止を先に書く。中央揃えのヒーロー、3枚カード、紫青の階調をやめる、と指示に入れる。 | コードを開く | AI Slopを避ける |
| AIへの指示に何を書けばよいか | 誰に・何を・どんな態度で・必須・禁止・制約・完了の判定の7つ。 | コードを開く | AIに作らせる |
| 「おしゃれに」と伝えても伝わらない | 判定できない語は伝わらない。分散度・動きの強さ・視覚密度を数値で指定する。 | コードを開く | AIに作らせる |
| 生成された文章が薄い | 抽象的な形容が並んでいる。他社に貼って成立する一文は、固有の事実に置き換える。 | コードを開く | AI Slopを避ける |
| 生成物のどこを直せば既定値から外れるか | 配置・色・書体・文章の4か所。色だけ変えても、配置と構成が同じなら同じ画面に見える。 | コードを開く | AI Slopを避ける |
| 出荷前に何を確認すればいいか | 機械で見るのはリンク・警告・コントラスト・375px・禁止語。伝わっているかは人が見る。 | コードを開く | 検証と完了 |
| レビューで意見がまとまらない | 意見を出す場と、可否を決める場を分ける。クリティークとレビューは別物。 | コードを開く | 検証と完了 |
| どこまでやったら完成か決まらない | 作る前に受入条件を書く。作ったあとに決めると、出来たものに合わせた条件になる。 | コードを開く | 検証と完了 |
他の分野へ#
基礎 ／ タイポグラフィ ／ 色彩 ／ レイアウト ／ デザインシステム ／ UI部品 ／ UX・情報設計 ／ アクセシビリティ ／ モーション ／ 実装 ／ ブランディング ／ デザインスタイル ／ SEO・公開と検索