AIが作ったと分かる画面を避ける
AIが作ったデザインに見えないようにするには、どう指示すればいいですか? 紫から青のグラデーション、全要素の中央揃え、同じ角丸と影、見出し前の絵文字、意味のない連番といった定番パターンを、先に禁止します。
AIに画面を任せると、似た形がよく出てきます。よくあるパターンを先に禁止すると、結果が変わります。
使い方
- よく出る形: 紫から青へにじむ背景、すべての要素が中央揃え、すべての箱に同じ角丸と影、見出しの前の絵文字、順序がないのに付けた01・02・03の番号。
- 色は主要色を1つだけ決め、残りは灰色系にします。灰色にも主要色の気配を少し混ぜると、単調になりすぎません。
- 枠線と影は、切り離して見せたい対象にだけ使います。すべてをカードにすると、何も目に入りません。
- 番号は、実際に順序のある内容にだけ付けます。
- 作ったあとに3点を確認します。スマホの幅で横スクロールが出ないか、ダークモードで文字が見えるか、ボタンが押せそうに見えるか。
- デザイン点検用のAIスキルを入れておけば、この点検を毎回言葉で指示しなくて済みます。
コピーして使うプロンプト
作り直しの指示
この画面を作り直してください。以下は使わないでください。 - 紫・青のグラデーション背景 - すべての要素の中央揃え - すべての箱に同じ角丸と影 - 見出しの前の絵文字、意味のない01/02/03の番号 代わりに: - 主要色1つ + その色の気配がある灰色系 - 情報の階層は、文字の大きさと太さで - 400px幅で横スクロールなし、ダークモード対応
参考にした投稿: @starlight_korean