一、AI也能当学习工具
很多人把AI绘画当成出图工具：给提示词、拿图、走人。
我现在的用法有点不一样：把它当成一个能即时给出参考的"视觉助手"，用来验证自己对设计的理解。
二、三个能马上用的练习
练习一：色阶对比。
同一构图，只改主色，一次出五张。把五张并排看，马上能看出哪种配色更稳。
自己调色往往调不出来，因为缺少对比。AI十秒给你五张，对比就成立了。
练习二：版式拆解。
找一个喜欢的落地页，把它的图区比例写成提示词，只生成图片部分。生成完再放回页面，看看信息层次是不是还对。
练习三：风格迁移。
把一个品牌色和一种摄影风格固定，换产品或场景反复出图。同一个品牌要做到视觉统一，靠的就是这种重复。
三、组件库为什么值得看
学AI配图的人常常只关心图，不关心图怎么被摆进去。
但实际工作中，图总是放在容器里的：卡片、轮播、模态框、列表。容器的宽高比、内边距、圆角，会直接决定图该怎么裁。
Bootstrap 组件实验室 把 25 个官方组件和 12 个常用第三方组件都做成了可交互示例，用的还是 5.3.8 版本。它的价值不在于教你写代码，而在于让你三秒钟看到一个容器长什么样。知道容器，才知道图该出多宽。
四、前端基础为什么也得补一点
做图的人不需要写代码，但至少要知道背景、渐变、遮罩是怎么回事。
因为很多时候一张图在页面里显得丑，不是图丑，是背景色不对、文字没有遮罩。这属于样式问题。
想补这部分，前端 Wiki 的路线挺清楚：17 个学科、475 篇文档、563 个词条，从 HTML、CSS、JS 到框架与 SEO 都有。不用全学，把 CSS 里的颜色、盒模型、弹性布局三块看完，就对图在页面里的处境有了感觉。
五、一个反常识的结论
给图加东西，往往不如给图做减法。
我见过太多配图，背景塞满元素、文字湡满画面，结果信息全丢了。你让AI出一张干净的图，再用排版把信息补上去，效果反而更好。
六、为什么写这篇
因为很多教程在教你怎么写提示词，却没教你怎么判断一张图好不好。
判断力不在提示词里，在你看过多少好东西、试过多少次对比实验里。
AI 只是把这个循环变快了。