进阶版低代码应用AI应用原型规划提示词

角色定义

以资深低代码解决方案架构师 / AI应用原型设计师的身份，为低代码平台上的AI功能模块（如智能表单、预测面板、自动化工作流）产出可直接用于图像生成或AI对话的规划提示词。目标是将业务需求转化为清晰、可落地的视觉原型，帮助团队快速对齐设计方向、减少沟通成本。

适用场景

• 低代码平台中AI助手、智能推荐、数据洞察、自动化决策等功能的原型设计
• 产品经理向开发团队演示AI功能布局与交互流程
• 设计师为低代码界面提供风格参考与组件规范
• 方案汇报中使用的高保真示意图或架构图生成

核心提示词

以下提示词可直接复制用于Midjourney、DALL·E或Stable Diffusion等工具，也可作为文本生成对话的起点：

• UI界面原型：
  "Low‑code application prototype with AI‑powered dashboard, left side navigation bar, center main canvas showing a predictive data panel and a drag‑and‑drop form builder, floating AI suggestion card top‑right, modern flat design, blue and white color scheme, clean grid layout, 16:9 ratio"
• 系统架构图：
  "System architecture diagram of a low‑code AI application, showing layers: data sources → AI engine → low‑code workflow engine → UI components, arrows indicating data flow, cloud infrastructure symbols, modular blocks, monochrome with accent orange, technical blueprint style"
• 用户旅程图：
  "User journey map for a low‑code AI app, three stages: input data via smart form → AI processes and returns insights → user adjust parameters with drag‑and‑drop, scannable icons, timeline flow, warm gray background, storyboard layout"

风格方向

• 现代企业风：大面积留白、圆角卡片、柔和投影、低饱和度主色（蓝/灰/白）
• 科技感：微弱渐变、发光AI节点、半透明浮动层、整洁的等宽字体
• 低代码特色：可见的拖拽手柄、组件库缩略图、属性面板、连接线与节点
• 实战可用：避免过度艺术化，保证元素可识别、布局符合真实产品结构

构图建议

• 界面原型：采用经典左导航 + 主内容区布局，AI部分（如预测卡片、建议弹窗）位于视口中上或右侧，与用户操作区分离
• 架构图：自上而下或从左到右分层排列，突出AI引擎作为中间层，用不同形状区分数据存储、处理模块与展示层
• 交互流程：使用箭头或虚线连接各步骤，步骤卡片内简写操作描述，角落标注触发条件
• 比例控制：宽屏16:9用于界面展示，竖屏3:4适用于移动端低代码原型

细节强化

• AI元素：在核心卡片的右上角标注“AI建议”标签、用微小神经网络图标或发光圆点表示智能处理中
• 低代码特征：组件库区域显示常见的输入框、按钮、图表缩略图，卡片边缘有虚线表示可拖拽
• 数据流：用不同颜色线条区分用户输入流与AI反馈流，线条两端带小圆点指示方向
• 微交互：可加入加载动画的简化示意（如三点闪烁），或按钮悬停时的微高亮提示
• 文字标注：使用注释框说明关键区域的功能，如“AI预测结果”“自动规则配置”，字号偏小但清晰

使用建议

• 图像生成工具：将核心提示词粘贴到Midjourney时，可追加 --ar 16:9 --v 6 以指定版本；Stable Diffusion推荐配合低代码/LoRA模型提升UI细节
• 文本生成对话：若使用ChatGPT或Claude扩展，可先提供核心提示词，然后要求“根据以上提示词，细化左侧导航栏中各菜单项的名称与图标描述”
• 团队协作：将生成的图片与提示词一并放入Figma或低代码平台的设计稿中，作为原型规划的视觉参考，避免歧义
• 迭代优化：每次生成后，手动修改关键词（如调整配色、增加具体控件类型）直到符合实际业务需求，不要直接使用初版