第10课：让AI设计界面
进度 0/30
🪄
让AI设计界面
描述界面，AI帮你画出来
📖知识引入
🖌️像给设计师下单
写清四件事：页面是什么（登录页）、风格（简约扁平）、主色（天蓝）、关键元素（大Logo+两个输入框+圆角按钮）。信息越具体，AI画得越准。
🖼️AI设计工具
2026年的AI设计工具已经很成熟：输入描述生成整套界面，还能生成可交互原型——v0、即梦、Galileo AI这类工具，几分钟出好几版方案。
🔄多轮微调
第一版不满意？继续说：「按钮再大一点」「换成深色模式」「图标换成线条风格」。AI改图比你重画快一百倍。
⚙️设计稿变代码
更神奇的是：AI能把设计稿直接转成界面代码。你看到的图，摇身一变成了能跑的页面——设计和开发之间的高墙被AI拆掉了。
⚖️审美还得靠你
AI能生成100个方案，但哪个最适合你的用户，得你来判断。多看好作品、积累审美，你的「眼光」就是最值钱的本事。
💡
AI设计提示词四件套：页面+风格+主色+关键元素！
🔍一个界面的三次进化
看AI怎么一步步把界面做好：
第1轮 你说： 「做一个习惯打卡APP的首页」 AI给的：白底、一个按钮、一堆字 → 太素了 😐
第2轮 你说： 「加一张今日打卡的卡片， 顶部显示连续天数， 主色用薄荷绿」 AI给的：有卡片了，但按钮很小 → 接近了 🤔
第3轮 你说： 「打卡按钮放到卡片底部， 加大加圆，按下有缩放动画」 AI给的：完美！🎉
结论： AI的第一次出手只是起点， 你的每一句反馈都是打磨， 界面的「最后一公里」靠你的眼光！
🎯小测验
第1题：让AI设计界面时，最好先说清哪四件事？
第2题：AI生成的设计稿还可以进一步变成什么？
第3题：面对AI生成的100个方案，谁来做最终选择？
📝本课知识点
- ✓AI设计四件套：页面、风格、主色、元素
- ✓AI工具能生成界面和交互原型
- ✓多轮微调让方案越来越准
- ✓设计稿可一键转成代码
- ✓审美和判断力是你的护城河
第10课完成！继续探索下一课吧 🚀