☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
必须先用【结构先行】指令强制ai绘制带尺寸标注的灰盒骨架图，再通过锚点词精确定位ui元素，最后分层注入视觉细节，缺一不可。
想在liblibai上生成网页功能区插画，但每次出图都找不到按钮位置、图标堆叠混乱、文字区域被随意覆盖——根本问题不是ai不会画，而是你没让它先画结构框，它就直接填满像素，把交互逻辑全吃掉了。
第一步：用【结构先行】指令强制AI先画骨架
在正向提示词最开头，必须写：【结构先行】顶部导航栏高度64px、中间主功能区占高70%、底部操作栏固定48px，所有UI元素严格对齐栅格线，无内容仅显示灰底色块与标注尺寸。这句不是装饰，是启动结构模式的开关；不加它，AI默认跳过布局阶段，直接渲染视觉层，后续所有调整都是徒劳。
接着补上基础画质：“高质量线稿，1px等宽描边，#e0e0e0浅灰填充，无阴影无渐变，8K分辨率”。
这一步做完，AI会先输出一张带精确尺寸标注的灰盒图，按钮在哪、图标间距多少、留白区域多大，全都一目了然。
第二步：把功能模块转成可定位的锚点词
不要写“一个搜索框+三个卡片”，要写成带坐标的结构锚点：
方法一：用相对位置锚定
“顶部导航栏居中放置logo（距顶12px），右侧三个icon按钮横向等距排列（间距32px，距右边缘24px）”
方法二：用栅格编号锁定
“主功能区按12列栅格布局：搜索框占满第2–10列，三张卡片分别置于第3列（左）、第7列（中）、第11列（右），每张卡片宽200px，高160px，圆角8px”
【注意】漏掉单位（px）或列数编号，AI会当成模糊描述忽略，直接按默认比例自由缩放
第三步：分层注入视觉细节，顺序不能乱
① 先确认结构图已生成且尺寸标注清晰 → ② 复制该图作为参考图上传至图生图页 → ③ 在新提示词开头写“保持原结构布局与像素级尺寸，仅替换视觉样式” → ④ 接着写风格和细节：“毛玻璃背景，图标使用Fluent Design风格，按钮悬停态加微光反馈，主色调#4F46E5，字体用Inter Medium，字号14px”
这四步缺一不可。跳过第①步，结构错位；跳过第②步，AI重绘时自动重排；跳过第③步，它会把结构当草稿擦掉重画。
