canva中生成ui空状态插画需先用ai design assistant获取含五要素的提示词,再清洗为可视觉验证的ui锚点描述,并追加--ar 9:16等硬约束,最后通过动作替换、magic switch或预留文案区适配具体业务场景。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

你需要在Canva里快速生成一张“页面为空”的插画,用于产品界面中的空状态提示,比如“暂无通知”“还没有收藏”“列表为空”,但直接输入“空白页面”或“空界面”只会得到抽象色块或错误构图——AI无法理解UI语境下的“空”是功能性留白,不是画面缺失。
先用AI Design Assistant生成合法骨架
打开Canva官网,点击右上角对话气泡图标启动AI Design Assistant,输入:“帮我生成一套UI空状态插画的AI提示词,要求包含主体对象、交互动作、界面元素、情绪暗示、构图比例五要素,不带文字,不出现真实品牌logo。”
等待3秒,系统返回3组候选。选中结构最完整的一条,例如:“一个轻托下巴的卡通化小人站在浅灰圆角矩形界面中央,双手微微张开呈‘空握’姿态,界面底部有微光按钮占位符+顶部状态栏阴影,整体传递温和期待感,竖版9:16构图,扁平矢量风格”。
【这一步不可跳过——只有AI Design Assistant输出的原始提示词能触发Canva的UI语义解析引擎,手写描述大概率被识别为普通插画指令】
手动清洗并植入UI锚点
将上一步选中的提示词复制到记事本,执行三步清洗:
第一步:删除所有主观情绪词,如“温和期待感”“轻松友好”,替换为可视觉验证的物理表达,例如改为“小人嘴角微扬、眼睑略低、肩部放松下沉”;
第二步:把“浅灰圆角矩形界面”明确为“Figma设计规范中的#F5F7FA色值、12px圆角、8px内边距的卡片容器”,让AI识别这是UI组件而非普通画框;
第三步:在末尾追加硬性约束:“--no text --v 6.2 --style raw --ar 9:16”,其中--ar 9:16必须保留,否则AI默认横版,无法匹配手机端空状态实际尺寸。
注入具体业务场景变量
方法一:按功能类型替换核心动作
• “暂无消息”场景:把“轻托下巴”改为“指尖悬停在消息气泡图标上方2px处,气泡图标呈禁用态(#C0C4CC)”;
• “收藏为空”场景:把“双手微微张开”改为“右手食指正轻点心形图标线稿,图标未填充,周围有3个半透明收藏夹轮廓虚影”;
• “搜索无结果”场景:把“站在界面中央”改为“微微前倾身体,瞳孔聚焦于放大镜图标中心,图标玻璃面反射模糊的‘找不到’字样倒影”。
方法二:用Magic Switch做微调适配
先用任一版本生成初稿→下载为PNG→重新上传为背景图层→点击Apps→启用Magic Switch→选择“Apply style to elements”→在弹窗中输入:“将人物动作改为单手轻抚空搜索栏,搜索栏内显示‘? 搜索关键词’占位符,保持原有色彩与线条粗细”。
这一步操作起来很简单,直接把文件拖进去就行。
方法三:反向注入文案占位逻辑
在提示词末尾加一句:“界面底部预留24px高文字区,该区域纯白无内容,但需存在明显底边线与上下留白节奏”。【AI会据此生成带隐含文案空间的构图,避免后期强行加字导致排版崩坏】











