AIでUIを作るときに崩れやすいポイント

初級 | 7 分 で読める | 2026.07.13

何を見るべきか

AIで作ったUIは、見た目がきれいでも、スマホ表示、キーボード操作、エラー表示が弱いことがあります。

初心者は、完成画面だけでなく「崩れる場面」を確認する必要があります。

崩れやすいポイント

ポイント確認内容
スマホ表示横スクロールしないか
フォームラベルとエラー表示があるか
文字が読めるコントラストか
状態ローディング、空、エラーがあるか
操作キーボードだけで使えるか

AIへの指示例

スマホ幅でも崩れないようにしてください。
フォームにはlabelとエラー表示を入れてください。
読み込み中、空状態、エラー状態も作ってください。

曖昧な「いい感じ」より、確認項目を具体的に伝えます。

まとめ

AIでUIを作るときは、見た目だけで判断しません。スマホ、アクセシビリティ、状態設計を確認すると、実用に近づきます。

参考リソース

← 一覧に戻る
PR
PR
PR
PR